Easily use the Font Awesome icons in WordPress but with MORE icons and MORE features&hellip;

Font Awesome More Icons

<p>Font Awesome More (Fontstrap) provides easy use of all icons from the <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow">Font Awesome</a> set, but with <a href="http://blog.webguysaz.com/font-awesome-more-fontstrap-icon-additions/" rel="nofollow">MORE icons</a> from the <a href="http://gregoryloucas.github.io/Font-Awesome-More/" rel="nofollow">Fontstrap</a> extension set and with MORE features. The icons are infinitely scalable and screen reader compatible.</p>
<p>A full list of all 400+ icons is available here:</p>
<p><a href="http://fortawesome.github.io/Font-Awesome/icons/" rel="nofollow">Font Awesome icons</a><br />
<a href="http://blog.webguysaz.com/font-awesome-more-icon-list-plugin-version-3-3/" rel="nofollow">Font Awesome More (Fontstrap) icons</a></p>
<p>To use any of the Font Awesome More icons on your WordPress site you have three options:</p>
<h4>HTML Option</h4>
<p>All code examples on the Font Awesome site apply: <a href="http://gregoryloucas.github.io/Font-Awesome-More/#examples" rel="nofollow">http://gregoryloucas.github.io/Font-Awesome-More/#examples</a></p>
<p><strong>Examples</strong></p>
<p>WordPress icon </p>
<pre><code>&lt;i class="icon-wordpress"&gt;&lt;/i&gt;
</code></pre>
<p>Google icon 2x size</p>
<pre><code>&lt;i class="icon-google icon-2x"&gt;&lt;/i&gt;
</code></pre>
<p>Google Chrome icon large size</p>
<pre><code>&lt;i class="icon-chrome icon-large"&gt;&lt;/i&gt;
</code></pre>
<h4>Shortcode Option</h4>
<p>Don&#8217;t want to worry about HTML tags?  You can use a shortcode in your posts, pages and even widgets to display a Font Awesome More icon.</p>
<p><em>Note:</em> In my plugin (as of 3.5), the &#8220;icon-&#8221; prefix is no longer needed in shortcode attributes. This is in preperation for the <a href="http://blog.fontawesome.io/2013/06/04/upcoming-changes-in-font-awesome-3.2-and-4.0/" rel="nofollow">Font Awesome 4.0</a> release that will change the prefixes. Therefore, I highly recommend that you only use the shortcode options for icons, and not HTML, so that the plugin can handle the prefixes for you and your icons will not break when Font Awesome 4.0 comes out.</p>
<p>WordPress icon</p>
<pre><code>[icon name=wordpress]
</code></pre>
<p>Google icon 2x size</p>
<pre><code>[icon name=google size=2x]
</code></pre>
<p>Google Chrome icon with title and no space after icon</p>
<pre><code>[icon name=chrome title="Google Chrome" space=false]
</code></pre>
<p>PayPal icon using shortcode within PHP instead of using the HTML option (e.g. within your theme/template files)</p>
<pre><code>&lt;?php echo do_shortcode('[icon name=paypal]'); ?&gt;
</code></pre>
<h4>New Shortcode Options since 3.5</h4>
<p>Now you can turn off the automatic spacing after an icon with &#8220;space=false&#8221;. See screenshots for an example of results.</p>
<p>In preperation for <a href="http://blog.fontawesome.io/2013/06/04/upcoming-changes-in-font-awesome-3.2-and-4.0/" rel="nofollow">Font Awesome 4.0</a>, you can also leave off the &#8220;icon-&#8221; prefix on your shortcode options, as that prefix will be changing. The plugin will automatically add the appropriate prefix for you.</p>
<p>Evernote icon with no trailing space (note no &#8220;icon-&#8221; prefix)</p>
<pre><code>[icon name=evernote space=false]
</code></pre>
<h4>New Shortcode Options since 3.4</h4>
<p>Now you can easily set the size and a title/alt text to icons within shortcodes. Size options are large, 2x, 3x, or 4x.</p>
<p>WordPress icon (large size)</p>
<pre><code>[icon name="wordpress" size="large"]
</code></pre>
<p>Google icon (3x size)</p>
<pre><code>[icon name="google" size="3x"]
</code></pre>
<p>Google Chrome icon (4x size with title text)</p>
<pre><code>[icon name="chrome" size="4x" title="Use Google Chrome"]
</code></pre>
<h4>Credits</h4>
<ul>
<li>
<p>The Font Awesome &amp; Font Awesome More (Fontstrap) font is licensed under the <a href="http://scripts.sil.org/OFL" rel="nofollow">SIL Open Font License</a>.</p>
</li>
<li>
<p>Font Awesome &amp; Font Awesome More (Fontstrap) CSS, LESS, and SASS files are licensed under the <a href="http://opensource.org/licenses/mit-license.html" rel="nofollow">MIT License</a>.</p>
</li>
<li>
<p>The Font Awesome &amp; Font Awesome More (Fontstrap) pictograms are licensed under the <a href="http://creativecommons.org/licenses/by/3.0/" rel="nofollow">CC BY 3.0 License</a>.</p>
</li>
<li>
<p><a href="http://fortawesome.github.com/Font-Awesome" rel="nofollow">Font Awesome</a> is a product by Dave Gandy</p>
</li>
<li>
<p><a href="http://gregoryloucas.github.io/Font-Awesome-More/" rel="nofollow">Font Awesome More</a> (Fontstrap) is a product of Gregory Loucas.</p>
</li>
<li>
<p>The rights to each pictogram in the social and corporate extensions are either trademarked or copyrighted by the respective company.</p>
</li>
<li>
<p>This plugin is based off of <a href="http://rachelbaker.me/font-awesome-icons-wordpress-plugins/" rel="nofollow">Font Awesome Icons</a> by Rachel Baker.</p>
</li>
</ul>
<h4>Author</h4>
<ul>
<li><a href="http://webguysaz.com" rel="nofollow">Web Guys</a></li>
</ul>
<h4>Icons</h4>
<p><a href="http://fortawesome.github.io/Font-Awesome/icons/" rel="nofollow">Font Awesome icons</a><br />
<a href="http://blog.webguysaz.com/font-awesome-more-fontstrap-icon-additions/" rel="nofollow">Font Awesome More (Fontstrap) icons</a></p>


Alternative Plugins for

Discover the Lists with Font Awesome More Icons

Others

Primary List

starter

Intranet

Intranet

All Site Basic Base

namaroopa before migrate

vol intsall

startup

Credit Platform