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.

Sterling Hamilton

SVG files are two-dimensional vector graphics, that can be both static and dynamic. This plugin allows you to easily use them on your site.
The main project page is located here: <a href="https://sterlinghamilton.com/projects/scalable-vector-graphics/" title="Scalable Vector Graphics (SVG) | Sterling Hamilton" rel="nofollow ugc">https://sterlinghamilton.com/projects/scalable-vector-graphics/</a>
Warning: Understanding that uploading any file to the system is a potential security risk, it is strongly recommended to only let trusted users to have upload privileges.
Resources for understanding security risks:
<ul>
<li>http://security.stackexchange.com/questions/11384/exploits-or-other-security-risks-with-svg-upload</li>
<li>https://www.youtube.com/watch?v=v-a77QdoK2I</li>
</ul>

Scalable Vector Graphics (SVG)

It does one thing and it does it well. :D



Simple and to the point!

SVG files are two-dimensional vector graphics, that can be both static and dynamic. This plugin allows your to easily use them on your site.

SVG Social Menu vs Scalable Vector Graphics (SVG)