Florian Brinkmann

This plugin adds a Widget that allows you to show show the social media links as vector icons.
To use it, follow these steps after activation:
<ol>
<li>Create a menu with links to your social media channels</li>
<li>Select “SVG Social Menu” as menu location and save it</li>
<li>Drag the widget “SVG Social Menu” in one of your widget areas</li>
</ol>
You can filter the custom CSS with the following code in your theme, where <code>$styles</code> is the CSS:
<pre><code>function slug_edit_svg_social_menu_styles( $styles ) {
 $styles = '<style>yourStyles</style>';

 return $styles;
}

add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );
</code></pre>
If you want to add CSS to the default rules, try this:
<pre><code>function slug_edit_svg_social_menu_styles( $styles ) {
 $styles .= '<style>additionalStyles</style>';

 return $styles;
}

add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );
</code></pre>
The following social network URLs are supported:
<ul>
<li>plus.google.com</li>
<li>wordpress.org</li>
<li>wordpress.com</li>
<li>facebook.com</li>
<li>twitter.com</li>
<li>dribbble.com</li>
<li>pinterest.com</li>
<li>github.com</li>
<li>tumblr.com</li>
<li>youtube.com</li>
<li>flickr.com</li>
<li>vimeo.com</li>
<li>instagram.com</li>
<li>linkedin.com</li>
<li>xing.de</li>
<li>xing.com</li>
<li>/feed</li>
<li>mailto:</li>
<li>amazon.de</li>
<li>amazon.com</li>
<li>amazon.co.uk</li>
<li>amazon.es</li>
<li>telegram.me</li>
<li>t.me</li>
<li>behance.net</li>
</ul>
If you want more or have other problems, you can create an issue on <a href="https://github.com/FlorianBrinkmann/svg-social-menu" rel="nofollow ugc">GitHub</a>.

SVG Social Menu

Display your social media profile links with vector icons using a custom navigation menu.

copist

Enrich your website with styled, consistent, vector, scalable, pixel-perfect, first-class, shiny-ass icons. Insert icons in the post for less than 8 seconds. 
Keep your site cool. Save your time. Work with pleasure.
Hi! We are <a href="https://icons8.com/about/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">Icons8</a> team. We draw icons. <a href="https://icons8.com/web-app/new-icons/all?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">Daily</a>. For free. <a href="https://icons8.com/request-icon/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">By users requests</a>. We have drawn more than 43 000 icons in 10 consistent styles. 
We also create various useful things for the community.
The WordPress Icons Enricher plugin allows to insert vector icons in your blog posts and pages. Decorate your menu with icons.
There are seven icon packs included now:
<ul>
<li>LineAwesome</li>
<li>FontAwesome</li>
<li>Ionicons</li>
<li>Simple Line Icons</li>
<li>Weather Icons</li>
<li>Typicons</li>
<li>Foundation Icons</li>
</ul>
They are 3067 icons altogether.
The WordPress Icons Enricher plugin is optimized for traffic: even if there are several icon packs in the plugin, it will attach to page only required resources such as CSS, JS, web-fonts etc. For some icon packs you may enable the <a href="https://en.wikipedia.org/wiki/Content_delivery_network" rel="nofollow ugc">CDN</a> usage – it will reduce traffic from your host and decrease page loading time. Site visitors value it.
You will choose the icons using the nice and fast UI with associative search:
<ul>
<li>You don’t have to choose one icon from limitless comboboxes</li>
<li>You don’t have to look up the sheets of tiny pictures when searching for the damn “thumb up”</li>
<li>You don’t have to remember the exact icon names so you may search the icons by context, not by names </li>
</ul>
Enter “like”, “good”, “perfect”, “finger”, “thumb”, “approve”, “hand” or “facebook” and get you favorite icon.
Demo: <a href="https://enricher.icons8.com/" rel="nofollow ugc">play with the “Add icon” feature</a>
<h4>Features</h4>
<ul>
<li>Try plugin in action on the <a href="https://enricher.icons8.com/" rel="nofollow ugc">demo page</a></li>
<li>“Add icon” media button to insert icon in a post or a page</li>
<li>Use icons in the navigation menus</li>
<li>Line Awesome v1.1 web font included (<a href="https://icons8.com/line-awesome/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">preview</a>)</li>
<li>Font Awesome v4.4.0 web font included (<a href="https://icons8.com/line-awesome/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">preview</a>)</li>
<li>Ionicons v2.0.1 web font included (<a href="http://ionicons.com/" rel="nofollow ugc">preview</a>)</li>
<li>Simple Line Icons v2.4.1 web font included (<a href="http://simplelineicons.com/" rel="nofollow ugc">preview</a>)</li>
<li>Weather Icons v2.0.10 web font included (<a href="http://erikflowers.github.io/weather-icons/" rel="nofollow ugc">preview</a>)</li>
<li>Typicons v2.0.8 web font included (<a href="http://www.typicons.com/" rel="nofollow ugc">preview</a>)</li>
<li>Foundation Icons v3.0 web font included (<a href="http://zurb.com/playground/foundation-icon-fonts-3" rel="nofollow ugc">preview</a>)</li>
<li>Fast and nice UI with associative search </li>
<li>Optimized for page speed: includes only used resources, allows to include resources from CDN</li>
</ul>
<a href="https://enricher.icons8.com/features" rel="nofollow ugc">Suggest new features</a> 
<a href="https://enricher.icons8.com/features" rel="nofollow ugc">Suggest icon packs to include</a>

Icons Enricher

social icons, payment icon, web icon, material, material design Requires at least: 4.6 Tested up to: 4.7 Stable tag: trunk Donate Link: https://enrich …

SVG Social Menu vs Icons Enricher