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.

Mayur Somani

threeroutes media

<p>Its now very easy to integrate Elegant Themes icon font set to your WordPress site. Just install this plugin and you are ready to go. Icons can be inserted using either HTML Code or Shortcode.</p>
<p>To use any of the Elegant Themes font icons on your WordPress site you have two options:</p>
<p><strong>HTML</strong></p>
<p>To add a Skype icon, you can use either of the two codes,</p>
<pre><code><span class="social_skype"></span>

<span data-icon=""></span>
</code></pre>
<p>You can see the class names and unicode data values on the ET font release page: <a href="http://www.elegantthemes.com/blog/resources/elegant-icon-font" rel="nofollow ugc">http://www.elegantthemes.com/blog/resources/elegant-icon-font</a></p>
<p><strong>Shortcode</strong></p>
<p>You can easily use a shortcode in your posts, pages and even widgets to display an icon. The shortcode format is [icon name=name-of-icon], where name=X is the class of the icon you would like to use.</p>
<p>To add a Skype icon, you can use the following shortcode,</p>
<pre><code>[icon name=social_skype]
</code></pre>
<p>You can see all available icon classed on the ET link referred above.</p>
<p><strong>Author</strong></p>
<ul>
<li><a href="http://www.agentwp.com" rel="nofollow ugc">Mayur Somani</a></li>
</ul>


Elegant Themes Icons

Enables the Elegant Themes icon font set within WordPress. Icons can be inserted using either HTML or a shortcode.

Material Design Icons vs Elegant Themes Icons