Themeisle

WPShout

<p>This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YcSotWXIczI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Usage</h4>
<ol>
<li>After the plugin is activated, go to <em>Appearance</em> > <em>Menus</em> to edit your menus</li>
<li>Enable/Disable icon types in “Menu Icons Settings” meta box</li>
<li>Set default settings for current nav menu; these settings will be inherited by the newly added menu items</li>
<li>Select icon by clicking on the “Select icon” link</li>
<li>Save the menu</li>
</ol>
<h4>Supported icon types</h4>
<ul>
<li>Dashicons (WordPress core icons)</li>
<li><a href="http://shoestrap.org/downloads/elusive-icons-webfont/" rel="nofollow ugc">Elusive Icons</a> by <a href="http://shoestrap.org/blog/author/aristath/" rel="nofollow ugc">Aristeides Stathopoulos</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by <a href="http://twitter.com/davegandy" rel="nofollow ugc">Dave Gandy</a></li>
<li><a href="http://zurb.com/playground/foundation-icon-fonts-3/" rel="nofollow ugc">Foundation Icons</a> by <a href="http://zurb.com/" rel="nofollow ugc">Zurb</a></li>
<li><a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> by <a href="http://automattic.com/" rel="nofollow ugc">Automattic</a></li>
<li><a href="http://fontello.com/" rel="nofollow ugc">Fontello</a> icon packs</li>
<li><a href="http://themeisle.com/free-icons/" rel="nofollow ugc">TI Icons</a> icon pack by <a href="http://twitter.com/themeisle" rel="nofollow ugc">ThemeIsle</a></li>
<li>Image (attachments)</li>
<li>SVG (attachments)</li>
</ul>
<h4>Planned supported icon types</h4>
<ul>
<li>Image (URL)</li>
</ul>
<h4>Compatible themes</h4>
<p>Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or <a href="https://themeisle.com/themes/hestia/" rel="nofollow ugc">Hestia</a>.</p>
<p>Development of this plugin is done on <a href="https://github.com/codeinwp/wp-menu-icons" rel="nofollow ugc">GitHub</a>. <strong>Pull requests welcome</strong>. Please see <a href="https://github.com/codeinwp/wp-menu-icons/issues" rel="nofollow ugc">issues reported</a> there before going to the plugin forum.</p>
<h3>If you like this plugin, then consider checking out our other projects:</h3>
<p><a href="https://www.codeinwp.com/blog/" rel="nofollow ugc">CodeinWP Blog</a> – Designer’s Guide To WordPress<br />
<a href="https://revive.social" rel="nofollow ugc">Revive.Social</a> – Social Media Tools<br />
<a href="https://justfreethemes.com" rel="nofollow ugc">JustFreeThemes</a> – Free WordPress Themes directory</p>


Menu Icons by Themeisle – Add Icons to Navigation Menus

Add icons to WordPress navigation menus easily — pick from Font Awesome, Dashicons, image icons & more. Style menu items with custom colors & sizes.

Niriksha Patel

<p>Social Media Icons WP lets you easily display your social profiles using a shortcode. Choose from 150+ Font Awesome icons or upload your own SVG or image icons. You can customize the icon style, color, spacing, and layout, and sort them with drag and drop. Ideal for bloggers, businesses, or developers who want full control over their social links.</p>
<ul>
<li>Upload your own icons or choose from Font Awesome</li>
<li>Drag-and-drop sorting of icons</li>
<li>Live preview while customizing</li>
<li>Shortcode support for use in headers, footers, posts, or sidebars</li>
<li>Available 150 + font awesome icons</li>
<li>SVG support for icons</li>
<li>Vertical and horizontal layouts</li>
<li>Fully customizable:
<ul>
<li>Icons color</li>
<li>Hover icon color </li>
<li>Size of the icons</li>
<li>Border</li>
<li>Alignment option</li>
<li>Horizontal / Vertical spacing between icons</li>
<li>Hover transition duration option</li>
<li>Hover Effect</li>
<li>Icon shape style</li>
</ul>
</li>
<li>Separate styles for different shortcode placements</li>
<li>Open links in new tab, set rel attributes, enable tooltips</li>
</ul>
<h3>Demos</h3>
<p><a href="https://tastewp.com/new?pre-installed-plugin-slug=social-media-icons-wp&redirect=edit.php%3Fpost_type%3Dsocial_media_icon&ni=true" rel="nofollow ugc">Try Demo Here</a></p>


Social Media Icons WP – Add Custom Social Icons & Links with Shortcode

Add social media icons using Font Awesome or custom images. Easily sort, style, and display icons anywhere via shortcode.

Menu Icons by Themeisle – Add Icons to Navigation Menus vs Social Media Icons WP – Add Custom Social Icons & Links with Shortcode