sandywp / plugins / icon-widget
Icon Widget
Display an icon, title and description with a widget or a shortcode.
Ready in seconds.
v1.4.0 4,000+ installs WP 5.0+ PHP 5.6+
About this plugin
Icon Widget creates a new WordPress widget that displays an icon, title and description. Select the size, color and text-alignment with easy to use dropdown options.
Icon Fonts Included
- Font Awesome 4 & 5
- Line Awesome
- Ionicons
- Streamline Icons
- ET Line Icons
More coming soon. We are open to suggestions.
Shortcode Usage
Since 1.0.6 you can now use the icon_widget shortcode. Below is a list of available attributes with their default values:
- classes => ‘icon-widget’
- title => ‘Icon Widget’
- content => ‘Add a short description.’
- icon => ‘fa-star’
- weight => ‘600’
- size => ‘2x’
- align => ‘center’
- color => ‘#333333’
- bg => ”
- padding => ”
- radius => ”
- heading => ‘h4’
- break => ‘
<br>‘
Here is an example of the icon widget shortcode using all available parameters:
[icon_widget classes="icon-widget" title="Icon Widget" content="Add a short description" icon="fa-star" weight="600" size="2x" align="center" color="#fff" bg="#333" padding="30" radius="30" heading="h4" break="<br>"]
Questions
- Can you add an Icon block?
Yes, we are working on it! In the meantime, the
[icon_widget]shortcode can be used in the Shortcode Block.- How do I change the icon font?
The icon font can be changed from Settings > Icon Widget.
- Can you add another icon font?
Yes, we will add additional icon fonts upon request.
sandywp / also on the shelf
Try another plugin
3.6 · 400K+ installs
The official way to use Font Awesome Free or Pro icons on your WordPress site, brought to you by the Font Awesome team.
Advanced Custom Fields: Font Awesome Field
4.9 · 90K+ installs
Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.
4.9 · 10K+ installs
This plugin allows you to easily embed Font Awesome icon to your site with simple shortcodes.
Spin up a real WordPress site in seconds.
Test plugins, build a demo, hand a client a link — then squash it and start again. No local setup, no Docker.