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.

Benbodhi

The complete SVG solution for WordPress – secure, flexible, and easy to use.
SVG Support enables secure SVG uploads with powerful features for both basic users and developers:
✨ Key Features: 
– Secure SVG uploads with automatic sanitization 
– Inline rendering for direct CSS/JS manipulation 
– File size optimization through minification 
– Role-based access control 
– Advanced developer options 
– Multisite compatible 
– Full Block Editor (Gutenberg) compatibility
🔒 Security First: 
– Built-in sanitization removes potentially harmful code 
– Role-based upload restrictions 
– Comprehensive MIME type validation
🎨 Designer Friendly: 
– Direct styling of SVG elements 
– Animation support 
– Custom class targeting 
– Automatic dimension handling
💻 Developer Ready: 
– Advanced mode for additional features 
– REST API support 
– Gutenberg compatible 
– Extensive hooks and filters
<h3>Usage</h3>
Basic Usage: 
– First, install and activate SVG Support via your WordPress dashboard 
– Upload SVG files to your media library like any other image 
– Works seamlessly with Image blocks, Cover blocks and featured images
Advanced Usage: 
– Enable “Advanced Mode” for minification and inline rendering 
– Customize with hooks and filters for tailored functionality
Block Editor Usage: 
– Use Advanced Mode to enable inline rendering: 
 – Add the <code>"style-svg"</code> class to Image blocks 
 – Add the <code>"style-svg"</code> class to Cover blocks to render SVG backgrounds inline 
– Use “Skip Nested SVGs” setting to control inline rendering of SVGs within Cover blocks
Classic Editor Usage: 
– Use Advanced Mode to add the <code>"style-svg"</code> class to <code><img></code> tags for inline rendering 
– Enable “Auto Insert Class” option for automatic class insertion in Classic Editor
Common Issues & Solutions: 
– SVG not displaying? Ensure dimensions are set in CSS. 
– Need help? Use the support tab and I will do my best to assist you.
<h3>Spin up a test site</h3>
With a single click, you can spin up a completely free test site to test SVG Support using TasteWP! No sign up, no cards, nothing! How cool is that? Give it a go: 
<a href="https://tastewp.com/new?pre-installed-plugin-slug=svg-support&redirect=options-general.php%3Fpage%3Dsvg-support&ni=true" rel="nofollow ugc">Click Here to spin up a test site in seconds</a>
<h3>Security</h3>
SVG Support prioritizes security with automatic sanitization and role-based restrictions. Only trusted users should have upload permissions. Configure settings to balance functionality and security.
<h3>Feedback</h3>
I’m open to your <a href="mailto:wp@benbodhi.com" rel="nofollow ugc">suggestions and feedback</a> – Thanks for using SVG Support!
Follow <a href="https://twitter.com/svgsupport" rel="nofollow ugc">@SVGSupport</a> on Twitter 
Follow <a href="https://twitter.com/benbodhi" rel="nofollow ugc">@benbodhi</a> on Twitter 
Follow <a href="https://farcaster.xyz/benbodhi" rel="nofollow ugc">@benbodhi</a> on Farcaster
Note: I hope you like this plugin! Please take a moment to <a href="https://wordpress.org/support/view/plugin-reviews/svg-support?filter=5#postform" rel="ugc">rate it</a>.
<h3>Development & Contributing</h3>
The development version of SVG Support is maintained on GitHub. Feel free to contribute:
<ul>
<li>Submit bug reports or feature suggestions: <a href="https://github.com/benbodhi/svg-support/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li>Contribute code via <a href="https://github.com/benbodhi/svg-support/pulls" rel="nofollow ugc">Pull Requests</a></li>
<li>Development repository: <a href="https://github.com/benbodhi/svg-support" rel="nofollow ugc">GitHub</a></li>
</ul>
<h3>Translations</h3>
Contribute translations <a href="https://translate.wordpress.org/projects/wp-plugins/svg-support" rel="nofollow ugc">here</a>. New to translating? Check the <a href="https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/" rel="nofollow ugc">Translator Handbook</a>.

SVG Support


is very useful, please add Reset button in Settings :-). tnx


Useful

Excellent

Working well

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

SVG Social Menu vs SVG Support