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.

webangon

<p>Enhance your <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> page building experience custom icon fonts.</p>
<h3>26 ICON FREE PACKS (11070+ icons)</h3>
<ol>
<li><a href="https://material.io/resources/icons/?style=baseline" rel="nofollow ugc">Material Design</a> – 931 icons</li>
<li><a href="http://www.alessioatzeni.com/metrize-icons/" rel="nofollow ugc">Metrize</a> – 299 icons </li>
<li><a href="https://mariodelvalle.github.io/CaptainIconWeb/" rel="nofollow ugc">Captain</a> – 374 icons</li>
<li><a href="https://ionicons.com/" rel="nofollow ugc">Ionicons</a> – 695 icons</li>
<li><a href="http://demo.amitjakhu.com/dripicons/" rel="nofollow ugc">Dripicons</a> – 199 icons</li>
<li><a href="https://github.com/thesabbir/simple-line-icons" rel="nofollow ugc">Simpline</a> – 188 icons</li>
<li><a href="https://builder.themeum.com/wppbicon/" rel="nofollow ugc">Wp Pagebuilder</a> – 344 icons</li>
<li><a href="https://www.figma.com/community/file/768673354734944365" rel="nofollow ugc">VSCode</a> – 411 icons</li>
<li><a href="https://elementor.github.io/elementor-icons/" rel="nofollow ugc">Elementor</a> – 386 icons</li>
<li><a href="https://feathericons.com/" rel="nofollow ugc">Feather</a> – 265 icons</li>
<li><a href="http://elusiveicons.com/icons/" rel="nofollow ugc">Elusive</a> – 298 icons</li>
<li><a href="https://ob-cloud.github.io/obicon-iot/" rel="nofollow ugc">Obicon</a> -107 icons</li>
<li><a href="https://github.com/thecreation/web-icons" rel="nofollow ugc">Web icon</a> – 169 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Icon Sax</a> – 904 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Tutor LMS</a> – 314 icons</li>
<li><a href="https://iconscout.com/unicons/explore/solid" rel="nofollow ugc">Unicon solid</a> – 189 icons</li>
<li><a href="https://wordpress.org/plugins/happy-elementor-addons/" rel="ugc">Happy Icon</a> – 646 icons</li>
<li><a href="https://rawgit.com/woothemes/woocommerce-icons/master/demo.html" rel="nofollow ugc">Woocommerce</a> – 68 icons</li>
<li><a href="https://wordpress.org/plugins/dethemekit-for-elementor/" rel="ugc">DeTheme icon</a> – 385 icons</li>
<li><a href="https://build.prestashop-project.org/prestashop-icon-font/" rel="nofollow ugc">Prestashop</a> – 478 icons</li>
<li><a href="https://github.com/freepik-company/flaticon-uicons/" rel="nofollow ugc">Freepik Uicons</a> – 2287 icons</li>
<li><a href="https://api.jqueryui.com/resources/icons-list.html" rel="nofollow ugc">jQuery UIcons</a> – 450 icons</li>
<li><a href="https://user-images.githubusercontent.com/5102591/46199020-8f8ed700-c316-11e8-9b3a-7388f3f4e818.png/" rel="nofollow ugc">XL Slim Icons</a> – 292 icons</li>
<li><a href="https://uifabricicons.azurewebsites.net/" rel="nofollow ugc">Fabric Icon</a> – 1922 icons</li>
<li><a href="https://icons.grommet.io/" rel="nofollow ugc">Grommet Icon</a> – 200 icons</li>
<li><a href="https://github.com/orchidsoftware/icons" rel="nofollow ugc">Orchid</a> – 280 icons</li>
<li><a href="https://phosphoricons.com/?weight=%22light%22" rel="nofollow ugc">Phosphor light</a> – 3022 icons</li>
<li><a href="https://jpswalsh.github.io/academicons/" rel="nofollow ugc">Academic</a> – 73 icons</li>
</ol>
<h3>40 PRO PACKS (19700+ icons)</h3>
<ol>
<li><a href="https://boxicons.com/cheatsheet/" rel="nofollow ugc">Boxicons</a> – 490 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Music</a> – 29 icons</li>
<li><a href="https://www.elegantthemes.com/blog/resources/elegant-icon-font" rel="nofollow ugc">Elegant Font</a> – 359 icons</li>
<li><a href="https://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons" rel="nofollow ugc">ET Line</a> – 99 icons</li>
<li><a href="https://www.gonzodesign.nl/gonzocons/" rel="nofollow ugc">Gonzo</a> – 99 icons</li>
<li><a href="https://icomoon.io/#preview-free" rel="nofollow ugc">Icomoon</a> – 490 icons</li>
<li><a href="https://iconmonstr.com/" rel="nofollow ugc">Iconmonstr</a> – 299 icons</li>
<li><a href="http://akira-miyake.github.io/iOS7-icon-font/" rel="nofollow ugc">iOS7</a> – 260 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Basic</a> – 134 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Elaboration</a> – 144 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Ecommerce</a> – 84 icons</li>
<li><a href="https://linearicons.com/free" rel="nofollow ugc">Linearicons</a> – 169 icons</li>
<li><a href="https://icons8.com/line-awesome" rel="nofollow ugc">Lineawesome</a> – 1393 icons</li>
<li><a href="https://lineicons.com/" rel="nofollow ugc">Lineicons</a> – 306 icons</li>
<li><a href="https://mobiriseicons.com/cheatsheet.html" rel="nofollow ugc">Mobirise</a> – 149 icons</li>
<li><a href="https://rivolicons.hadrien.co/free/" rel="nofollow ugc">Rivolicon</a> – 130 icons</li>
<li><a href="https://themify.me/themify-icons" rel="nofollow ugc">Themify-icons</a> – 351 icons</li>
<li><a href="https://tilda.cc/free-icons/" rel="nofollow ugc">Tilda</a> – 794 icons</li>
<li><a href="https://icons.getbootstrap.com/#icons" rel="nofollow ugc">Bootstrap</a> – 1682 icons</li>
<li><a href="https://tablericons.com/" rel="nofollow ugc">Tabler</a> – 1977 icons</li>
<li><a href="https://ant.design/components/icon/" rel="nofollow ugc">Antdesign</a> – 637 icons</li>
<li><a href="https://www.figma.com/file/0Gtw7eOrDnbNxPpveO183k/Chart-Icons---Outline-(Community)?node-id=275%3A6576" rel="nofollow ugc">Chart</a> – 37 icons</li>
<li><a href="http://map-icons.com/" rel="nofollow ugc">Map Icon</a> – 174 icons</li>
<li><a href="https://devicon.dev/" rel="nofollow ugc">Devicon</a> – 499 icons</li>
<li><a href="https://www.androidicons.com/" rel="nofollow ugc">Android material</a> – 432 icons</li>
<li><a href="https://www.androidicons.com/" rel="nofollow ugc">Android holo</a> – 143 icons</li>
<li><a href="https://www.figma.com/file/T08qYmPlqINqGdU9ElXdXZ/Icon-Design-System---Eva-Icons-(Community)?node-id=0%3A1" rel="nofollow ugc">Evaicon</a> – 244 icons</li>
<li><a href="https://www.figma.com/file/2jUsVzQgltQG4LXBYabU71/Iconicool-%7C-Free-Iconset-(Community)?node-id=3%3A250" rel="nofollow ugc">Iconi cool</a> – 70 icons</li>
<li><a href="https://element-plus.org/en-US/component/icon.html#icon-collection" rel="nofollow ugc">Elementplus</a> – 243 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Iconsax Bold</a> – 897 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Iconsax Crypto</a> – 103 icons</li>
<li><a href="https://iconscout.com/unicons/explore/line" rel="nofollow ugc">Unicon line</a> – 1203 icons</li>
<li><a href="https://iconscout.com/unicons/explore/thinline" rel="nofollow ugc">Unicon thin line</a> – 214 icons</li>
<li><a href="https://www.buddyboss.com/resources/font-cheatsheet/" rel="nofollow ugc">Buddy boss</a> – 1295 icons</li>
<li><a href="https://trademe.github.io/TradeMe-IconFont/" rel="nofollow ugc">Trademe</a> – 397 icons</li>
<li><a href="https://github.com/siemens/ix-icons" rel="nofollow ugc">Siemens icon</a> – 642 icons</li>
<li><a href="https://www.mingcute.com/" rel="nofollow ugc">Mingcute</a> – 2327 icons</li>
<li><a href="http://olicons.yemaosheji.com/index.html#sec-menu" rel="nofollow ugc">Olicons</a> – 677 icons</li>
<li><a href="https://keyrune.andrewgioia.com/icons.html" rel="nofollow ugc">Keyrune</a> – 340 icons</li>
<li><a href="https://clarity.design/documentation/icons/shapes" rel="nofollow ugc">Clarity</a> – 1080 icons</li>
<li><a href="https://phosphoricons.com/?weight=%22duotone%22" rel="nofollow ugc">Phosphor Duotone</a> – 3022 icons</li>
<li><a href="https://healthicons.org/" rel="nofollow ugc">Health</a> – 739 icons</li>
</ol>
<h3>Buy Premium Version <a href="https://webangon.com/store/?storeproduct=59" rel="nofollow ugc">Icon Element Pro $19 </a></h3>
<h3>🔥 WHAT’S NEXT</h3>
<p>If you like Icon Element, then consider checking out our other WordPress Plugins:</p>
<p>🔔 <strong><a href="https://wordpress.org/plugins/the-pack-addon/" rel="ugc">The Pack Addon</a></strong> – Best elementor addon including 110 widgets, 314 setions and cloud templates</p>
<p>🔔 <strong><a href="https://wordpress.org/plugins/xl-tab/" rel="ugc">Xl Tab</a></strong> – Best tab & accordion plugin for elementor</p>
<p>🔔 <strong><a href="https://wordpress.org/plugins/news-element/" rel="ugc">News Element</a></strong> – Best news blog magazine addon for elementor</p>


Icon Element – Icon Pack for Elementor Page Builder (6718 icons)

The ultimate icon-packs for elementor page builder.

Material Design Icons vs Icon Element – Icon Pack for Elementor Page Builder (6718 icons)