braginteractive

<p>Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.</p>
<h4>Features</h4>
<ul>
<li><strong>Shortcode generator</strong> – includes an easy-to-use TinyMCE pop-up shortcode generator.</li>
</ul>
<h4>Usage</h4>
<p>Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE</p>
<h4>1. Shortcode</h4>
<pre><code>[mdi-icon name="material-ul" size="2x" color="red"]
</code></pre>
<p>You can also use hex values for color:<br />
    [mdi-icon name=”material-ul” size=”2x” color=”#000000″]</p>
<p>You can read more about shortcode usage on <a href="https://github.com/braginteractive/Material-Design-Icons-WordPress-Plugin" rel="nofollow ugc">Github</a></p>
<h4>2. TinyMCE</h4>
<p>Material Design Icons also provides you with a pop-up window when editing in TinyMCE’s visual mode. Check out our <a href="https://wordpress.org/plugins/material-design-icons/screenshots/" title="Screenshots" rel="ugc">Screenshots</a> to see what it looks like.</p>
<h4>3. HTML</h4>
<p>Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:
    </p>


Material Design Icons

Insert Material Design Icons into your WordPress post and pages.

Surbma

CherryPick Studios

<p>With this plugin you can use the iconic font and CSS toolkit, the Font Awesome icons. It is loading the css and the font files from the MaxCDN network, which means super fast loading, wherever your visitors are on this planet.</p>
<p>You get also a very useful shortcode to use icons on your site:<br />
    [fa class=”fa-camera-retro”]</p>
<p>As you can see, you only need to add the icon name, that’s it. Isn’t it awesome? If you use the <code><i class="fa fa-camera-retro"></i></code> code, the WordPress editor will remove it, because it is an empty code, which “should be removed”. So with this shortcode, you can use the Font Awesome icons wherever you want.</p>
<p>Font Awesome official site and all the icons: <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow ugc">Font Awesome website »</a></p>


Surbma | Font Awesome

Font Awesome - The iconic font and CSS toolkit

Material Design Icons vs Surbma | Font Awesome