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.

Erik

This plugin provides a Svg Block to your block editor, this can be used with any svg icon or image (or even a html snippet). Some key features are provided like automatic markup sanitation, optimization (svgo), and small utility to change the color and the markup that will be very useful for you to create variations of your image.
This block has the same controls as the images, but actually the content is xml markup, and you can change it as you like! This allows thousands of possibilities… You will be able to use css animations or js scripts to animate it, change the inner text of the svg, create variations of the same svg. 
However, this has the disadvantage that the svg will not be copied into the media library, so if you plan to use the same svg several times (buttons, icons, etc.) you are better off creating a reusable block
From a performance point of view, be aware that the image will not be included as an external resource, but will instead be within the markup of the page, thus making svg even faster than it already is.
<h3>Svg are awesome because:</h3>
<ul>
<li>✌️ Are always super sharp!</li>
<li>🪶 Incredibly lightweight and doesn’t require any additional resize image (you only need one source for all screen sizes and resolutions)</li>
<li>⚡ Increased page performance! Using inline SVGs saves can save dozens of requests and save server download bandwith.</li>
<li>🎉 highly customisable and animatable! Embedded svgs are easy to be animated, just use css!</li>
</ul>
<h4>Security</h4>
Since this plugin doesn’t enable uploads of svg images into media library could be considered safer than all the others that enable the upload. 
As if that wasn’t enough Svg’s will be cleaned with DOM purify which indeed is a first class js purifier, those used in php try to mimic how it works.
Svg will be included within the pages as xml fragments, so they will not be processed by imagemagick and cannot be uploaded by anyone from website “side”. Only those with permissions to use the editor will be allowed to ‘upload’ (or rather include) them.
<h4>Inspirations, links</h4>
<a href="https://www.slideshare.net/x00mario/the-image-that-called-me" rel="nofollow ugc">Mario Heiderich the-image-that-called-me</a>
<a href="https://www.fortinet.com/blog/threat-research/scalable-vector-graphics-attack-surface-anatomy" rel="nofollow ugc">Fortinet – Anatomy of Scalable Vector Graphics (Svg) Attack Surface on the Web</a>
<h3>Resources</h3>
<ul>
<li>dompurify © 2015 Mario Heiderich, <a href="https://raw.githubusercontent.com/cure53/DOMPurify/main/LICENSE" rel="nofollow ugc">Apache License Version 2.0</a></li>
<li>svgo © 2021 Kir Belevich, <a href="https://raw.githubusercontent.com/svg/svgo/main/LICENSE" rel="nofollow ugc">MIT License</a></li>
</ul>
<h4>Contribute</h4>
We love your input! We want to make contributing to this project as easy and transparent as possible, whether it’s:
<ul>
<li>Reporting a bug</li>
<li>Discussing the current state, features, improvements</li>
<li>Submitting a fix 💯 or a new feature 🎉</li>
</ul>
We use GitHub to host code, to track issues and feature requests, as well as accept pull requests. 
By contributing, you agree that your contributions will be licensed under its GPLv3 License.

OH MY Svg

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

New SVG Icons vs OH MY Svg