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

Benbodhi

SVG Support

Securely upload SVG files to your media library, with built-in sanitization and advanced features for styling and animation.

10up

Jeffrey Paul

Daryll Doyle

Safe SVG

Enable SVG uploads and sanitize them to stop XML/SVG vulnerabilities in your WordPress website.

Sterling Hamilton

Scalable Vector Graphics (SVG)

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.

sekler

Mapplic Lite

Mapplic is a plugin for creating interactive maps based on simple image (jpg, png) or vector (svg) files.

Erik

OH MY Svg

Add any svg to your website with the superpowers of the block editor. Out-of-the-box security and speed optimization!

copist

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 …

Digages

Timileyin Olabajo

SVG Editor: Upload & Change Colors

SVG Editor lets you upload SVG files and change their colors directly within the WordPress Media Library.

Sayedul Sayem

Support SVG – Upload svg files in wordpress without hassle

This plugin will help you to upload svg format image in WordPress media library regardless of the theme. That is, it works with every theme.

amrendesign

SVG Shortcode

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

Pranav MT

New SVG Icons

🎨 The ultimate SVG icon management solution for WordPress! Upload, edit, organize and display beautiful vector icons safely with powerful shortcodes.

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>


Alternatives to SVG Social Menu

Top alternatives