Pranav MT

✨ New SVG Icons is a comprehensive WordPress plugin that revolutionizes how you manage and display SVG icons on your website. Built with security, performance, and user experience in mind, this plugin offers multiple ways to add icons and powerful customization options.
🚀 Why Choose New SVG Icons? 
* 🔒 Security First: All SVG code is automatically sanitized to prevent XSS attacks 
* 🎯 Multiple Input Methods: Upload files, paste code, or scan folders 
* 🎨 Built-in Editor: Live SVG editor with real-time preview 
* 📁 Smart Organization: Categorize icons for easy management 
* ⚡ Performance Optimized: Lightweight and fast loading 
* 🛠️ Developer Friendly: Extensive shortcode parameters and filters
🌟 Key Features:
📤 Multiple Upload Methods 
* 📁 File Upload: Drag & drop multiple SVG files at once 
* 📝 Code Paste: Direct SVG code input with live preview 
* 🔍 Folder Scanner: Batch import from wp-content/svg-icons/ directory 
* 📚 Built-in Library: Pre-installed icon collection
🎨 Advanced SVG Editor 
* 🖼️ Live Preview: See changes in real-time as you edit 
* 🎛️ Attribute Editor: Modify colors, dimensions, and properties 
* 🔧 Dimension Controls: Resize with locked aspect ratio 
* 🌈 Background Toggle: Test icons on different backgrounds 
* 📐 Preview Sizing: Adjustable preview scale (50%-200%)
🏷️ Smart Organization 
* 📂 Categories: Built-in categories (Social, UI, Business, Arrows, Logos, Shapes) 
* 🏷️ Custom Categories: Create your own organization system 
* 🔍 Search & Filter: Quickly find icons by name or category 
* 📊 Icon Counter: Track your library size
⚡ Powerful Shortcode System 
Use <code>[svg_icon name="icon-name"]</code> with these amazing parameters: 
* 📏 <code>size="24"</code> – Set custom dimensions 
* 🎨 <code>color="#ff0000"</code> – Change icon color 
* 🎯 <code>class="my-class"</code> – Add CSS classes 
* 🐛 <code>debug="true"</code> – Debug mode for troubleshooting
🔒 Enterprise-Level Security 
* 🛡️ SVG Sanitization: Removes potentially harmful code 
* 🔐 Nonce Protection: CSRF protection on all actions 
* 👤 Permission Checks: Admin-only access controls 
* 🗃️ Database Security: Prepared SQL statements
🎁 Bonus Features 
* 📋 One-Click Copy: Copy shortcodes and SVG code instantly 
* 🌐 Resource Library: Curated list of free SVG icon sources 
* 📖 Usage Guide: Built-in help and tutorials 
* 🎯 Quick Tools: Links to online SVG editors and optimizers
<a href="https://tastewp.com/plugins/new-svg-icons/" rel="nofollow ugc">🌟 Live Demo</a> | <a href="https://wp-zip.com/new-svg-icons" rel="nofollow ugc">📖 Documentation & Downloads</a> | <a href="https://wordpress.org/support/plugin/new-svg-icons/" rel="ugc">💬 Support</a>
<h3>Support & Contributing</h3>
💝 Love this plugin? 
* ⭐ <a href="https://wordpress.org/support/plugin/new-svg-icons/reviews/" rel="ugc">Leave a 5-star review</a> 
* 🐛 <a href="https://wordpress.org/support/plugin/new-svg-icons/" rel="ugc">Report bugs</a> 
* 💡 <a href="https://wordpress.org/support/plugin/new-svg-icons/" rel="ugc">Suggest features</a> 
* 🤝 <a href="https://github.com/your-username/new-svg-icons" rel="nofollow ugc">Contribute on GitHub</a>
🚀 Keep building amazing things! 🎨✨

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

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.

New SVG Icons vs SVG Social Menu