Florian Brinkmann

<p>This plugin adds a Widget that allows you to show show the social media links as vector icons.</p>
<p>To use it, follow these steps after activation:</p>
<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>
<p>You can filter the custom CSS with the following code in your theme, where <code>$styles</code> is the CSS:</p>
<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>
<p>If you want to add CSS to the default rules, try this:</p>
<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>
<p>The following social network URLs are supported:</p>
<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>
<p>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>.</p>


SVG Social Menu

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

amrendesign

<p>A plugin that allows SVG-files (Scalable Vector Graphics) to be uploaded through the media browser and adds an SVG shortcode for using SVG-files on your WordPress site.<br />
The plugin has a fallback attribute to display an image if the browser doesn’t support SVG-files.</p>


SVG Shortcode

SVG shortcode plugin allowing SVG-files to be uploaded and easily used in pages and posts with a shortcode

SVG Social Menu vs SVG Shortcode