seothemes

<p>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.</p>
<h4>Icon Fonts Included</h4>
<ul>
<li>Font Awesome</li>
<li>Line Awesome</li>
<li>Ionicons</li>
<li>Streamline Icons</li>
<li>ET Line Icons<br />
<em>More coming soon. We are open to suggestions.</em></li>
</ul>
<h4>Shortcode Usage</h4>
<p>Since 1.0.6 you can now use the <code>icon_widget</code> shortcode. Below is a list of available attributes with their default values:</p>
<ul>
<li>classes  =>  ‘icon-widget’</li>
<li>title    =>  ‘Icon Widget’</li>
<li>content  =>  ‘Add a short description.’</li>
<li>icon     =>  ‘fa-star’</li>
<li>size     =>  ‘2x’</li>
<li>align    =>  ‘center’</li>
<li>color    =>  ‘#333333’</li>
<li>bg       =>  ”</li>
<li>padding  =>  ”</li>
<li>radius   =>  ”</li>
<li>heading  =>  ‘h4’</li>
<li>break    =>  ‘<code><br></code>‘</li>
</ul>
<p>Here is an example of the icon widget shortcode using all available parameters:</p>
<pre><code>[icon_widget classes="icon-widget" title="Icon Widget" content="Add a short description" icon="fa-star" size="2x" align="center" color="#fff" bg="#333" padding="30" radius="30" heading="h4" break="<br>"]
</code></pre>


Icon Widget

Display an icon, title and description with a widget or a shortcode

Phoeniixx

<p>By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.<br />
Fontawesome icon plugin can be used in various ways like by using HTML, Fontawesome icon picker in Tiny MCE editor or by adding shortcodes.</p>
<h4>Features:</h4>
<ul>
<li>You can use fontawesome icons to display the icons and texts in pages and widget area.</li>
<li><strong>Widget-</strong> Font awesome can be viewed on widget by adding ‘Phoeniixx icons with text’.</li>
<li>Awesome font awesome plugin gives you icons that can instantly be customized.</li>
<li>You can display the icons just by selecting the icons from Fontawesome icon picker in Tiny MCE editor  visual mode.</li>
<li>You can display the icons by adding shortcodes in text mode of the page.</li>
<li>You can display the icons in different size and styles using HTML in text mode.</li>
<li>Plugin is compatible with siteorign page builder plugin. </li>
<li>Advance styling options like different colors, different sizes of the font.</li>
<li>
<p>300 icons library.</p>
</li>
<li>
<p>Credit :  http://mjolnic.com/fontawesome-iconpicker/</p>
</li>
</ul>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</li>
</ul>
</blockquote>


Awesome Fontawesome Collection

Seemed perfect for my needs until I ran a validator on it and discovered that for ever icon I had added in the widget, a copy of the CSS style appears in the source page.

It is "illegally" placed inside the page's HTML and perhaps worse, appears over and over and over and over and over and over and over...  you get it.  Needless bloat.

Too bad... :(

Some things need attentions

By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.

Icon Widget vs Awesome Fontawesome Collection