{"id":237247,"date":"2025-08-06T02:20:35","date_gmt":"2025-08-06T02:20:35","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/new-svg-icons\/"},"modified":"2025-12-27T07:58:53","modified_gmt":"2025-12-27T07:58:53","slug":"new-svg-icons","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/new-svg-icons\/","author":20590909,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.1","stable_tag":"trunk","tested":"6.8.5","requires":"5.5","requires_php":"7.2","requires_plugins":null,"header_name":"New SVG Icons","header_author":"wpwicky","header_description":"Allows insertion and display of SVG icons using a shortcode. Follows WordPress best practices.","assets_banners_color":"265c99","last_updated":"2025-12-27 07:58:53","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wp-zip.com.com\/new-svg-icons","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":276,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"pranavmtn","date":"2025-08-06 02:20:37"},"2.0.0":{"tag":"2.0.0","author":"pranavmtn","date":"2025-09-17 18:48:11"},"2.0.1":{"tag":"2.0.1","author":"pranavmtn","date":"2025-10-19 19:06:37"}},"upgrade_notice":{"2.0.0":"

\ud83c\udf89 Major Update!<\/strong> New live SVG editor, multi-upload, folder scanner, built-in icon library, and much more! This update brings professional-grade SVG management to WordPress. Backup recommended<\/strong> before upgrading.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3387674,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3387680,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3387687,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","2.0.0","2.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"\ud83c\udfe0 Icon Library<\/strong> - Beautiful grid view of all your icons with search and filtering","2":"\ud83d\udce4 Upload Interface<\/strong> - Drag & drop multiple SVG files with category selection","3":"\ud83c\udfa8 Live SVG Editor<\/strong> - Real-time editing with preview and attribute controls","4":"\ud83d\udcc1 Folder Scanner<\/strong> - Batch import SVGs from your server directory","5":"\ud83c\udf10 Free Resources<\/strong> - Curated collection of free SVG icon websites","6":"\ud83c\udfaf Shortcode Usage<\/strong> - Simple examples and parameter documentation"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6305,498,80,2904,2905],"plugin_category":[43,50],"plugin_contributors":[252883],"plugin_business_model":[],"class_list":["post-237247","plugin","type-plugin","status-closed","hentry","plugin_tags-graphics","plugin_tags-icons","plugin_tags-shortcode","plugin_tags-svg","plugin_tags-vector","plugin_category-customization","plugin_category-media","plugin_contributors-wpwicky","plugin_committers-wpwicky"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/new-svg-icons_265c99.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

\u2728 New SVG Icons<\/strong> 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.<\/p>\n\n

\ud83d\ude80 Why Choose New SVG Icons?<\/strong>\n* \ud83d\udd12 Security First<\/strong>: All SVG code is automatically sanitized to prevent XSS attacks\n* \ud83c\udfaf Multiple Input Methods<\/strong>: Upload files, paste code, or scan folders\n* \ud83c\udfa8 Built-in Editor<\/strong>: Live SVG editor with real-time preview\n* \ud83d\udcc1 Smart Organization<\/strong>: Categorize icons for easy management\n* \u26a1 Performance Optimized<\/strong>: Lightweight and fast loading\n* \ud83d\udee0\ufe0f Developer Friendly<\/strong>: Extensive shortcode parameters and filters<\/p>\n\n

\ud83c\udf1f Key Features:<\/strong><\/p>\n\n

\ud83d\udce4 Multiple Upload Methods<\/strong>\n* \ud83d\udcc1 File Upload<\/strong>: Drag & drop multiple SVG files at once\n* \ud83d\udcdd Code Paste<\/strong>: Direct SVG code input with live preview\n* \ud83d\udd0d Folder Scanner<\/strong>: Batch import from wp-content\/svg-icons\/ directory\n* \ud83d\udcda Built-in Library<\/strong>: Pre-installed icon collection<\/p>\n\n

\ud83c\udfa8 Advanced SVG Editor<\/strong>\n* \ud83d\uddbc\ufe0f Live Preview<\/strong>: See changes in real-time as you edit\n* \ud83c\udf9b\ufe0f Attribute Editor<\/strong>: Modify colors, dimensions, and properties\n* \ud83d\udd27 Dimension Controls<\/strong>: Resize with locked aspect ratio\n* \ud83c\udf08 Background Toggle<\/strong>: Test icons on different backgrounds\n* \ud83d\udcd0 Preview Sizing<\/strong>: Adjustable preview scale (50%-200%)<\/p>\n\n

\ud83c\udff7\ufe0f Smart Organization<\/strong>\n* \ud83d\udcc2 Categories<\/strong>: Built-in categories (Social, UI, Business, Arrows, Logos, Shapes)\n* \ud83c\udff7\ufe0f Custom Categories<\/strong>: Create your own organization system\n* \ud83d\udd0d Search & Filter<\/strong>: Quickly find icons by name or category\n* \ud83d\udcca Icon Counter<\/strong>: Track your library size<\/p>\n\n

\u26a1 Powerful Shortcode System<\/strong>\nUse [svg_icon name=\"icon-name\"]<\/code> with these amazing parameters:\n* \ud83d\udccf size=\"24\"<\/code> - Set custom dimensions\n* \ud83c\udfa8 color=\"#ff0000\"<\/code> - Change icon color\n* \ud83c\udfaf class=\"my-class\"<\/code> - Add CSS classes\n* \ud83d\udc1b debug=\"true\"<\/code> - Debug mode for troubleshooting<\/p>\n\n

\ud83d\udd12 Enterprise-Level Security<\/strong>\n* \ud83d\udee1\ufe0f SVG Sanitization<\/strong>: Removes potentially harmful code\n* \ud83d\udd10 Nonce Protection<\/strong>: CSRF protection on all actions\n* \ud83d\udc64 Permission Checks<\/strong>: Admin-only access controls\n* \ud83d\uddc3\ufe0f Database Security<\/strong>: Prepared SQL statements<\/p>\n\n

\ud83c\udf81 Bonus Features<\/strong>\n* \ud83d\udccb One-Click Copy<\/strong>: Copy shortcodes and SVG code instantly\n* \ud83c\udf10 Resource Library<\/strong>: Curated list of free SVG icon sources\n* \ud83d\udcd6 Usage Guide<\/strong>: Built-in help and tutorials\n* \ud83c\udfaf Quick Tools<\/strong>: Links to online SVG editors and optimizers<\/p>\n\n

\ud83c\udf1f Live Demo<\/a> | \ud83d\udcd6 Documentation & Downloads<\/a> | \ud83d\udcac Support<\/a><\/p>\n\n

Support & Contributing<\/h3>\n\n

\ud83d\udc9d Love this plugin?<\/strong> \n* \u2b50 Leave a 5-star review<\/a>\n* \ud83d\udc1b Report bugs<\/a>\n* \ud83d\udca1 Suggest features<\/a>\n* \ud83e\udd1d Contribute on GitHub<\/a><\/p>\n\n

\ud83d\ude80 Keep building amazing things!<\/strong> \ud83c\udfa8\u2728<\/p>\n\n\n

\ud83d\ude80 Quick Installation:<\/strong><\/p>\n\n

    \n
  1. \ud83d\udce5 Auto Install<\/strong>: Search \"New SVG Icons\" in WordPress admin \u2192 Plugins \u2192 Add New<\/li>\n
  2. \ud83d\udd0c Activate<\/strong>: Click \"Activate\" after installation<\/li>\n
  3. \ud83c\udfa8 Start Creating<\/strong>: Go to \"New SVG Icons\" in your admin menu<\/li>\n<\/ol>\n\n

    \ud83d\udcc1 Manual Installation:<\/strong>\n1. \ud83d\udcbe Download the latest plugin zip file from WP-Zip.com<\/a>\n2. \ud83d\udce4 Upload to \/wp-content\/plugins\/new-svg-icons<\/code> directory\n3. \u2705 Activate through the 'Plugins' menu\n4. \ud83c\udfaf Navigate to 'New SVG Icons' in admin menu<\/p>\n\n

    \ud83c\udf89 First Steps:<\/strong>\n1. \ud83c\udfe0 Visit the \"Icon Library\" tab to see pre-installed icons\n2. \ud83d\udce4 Try uploading your first SVG in the \"Upload SVG\" tab\n3. \ud83d\udcdd Test the live editor in \"Paste SVG Code\" tab\n4. \ud83d\udd0d Use [svg_icon name=\"heart\"]<\/code> in any post or page<\/p>\n\n\n

    \n

    \ud83e\udd14 How do I add a new icon?<\/h3><\/dt>\n

    You have 4 amazing ways:\n* \ud83d\udce4 Upload Tab<\/strong>: Select SVG files from your computer\n* \ud83d\udcdd Code Tab<\/strong>: Paste SVG code with live preview\n* \ud83d\udcc1 Folder Scanner<\/strong>: Place files in wp-content\/svg-icons\/ and scan\n* \ud83d\udcda Built-in Library<\/strong>: Use pre-installed icons immediately<\/p><\/dd>\n

    \ud83c\udfaf How do I display an icon?<\/h3><\/dt>\n

    Use the shortcode: [svg_icon name=\"your_icon_name\"]<\/code><\/p>\n\n

    Advanced Examples:<\/strong>\n* [svg_icon name=\"heart\" size=\"32\" color=\"#ff0000\"]<\/code> \n* [svg_icon name=\"arrow\" class=\"my-custom-class\"]<\/code>\n* [svg_icon name=\"logo\" size=\"48\" color=\"#2271b1\"]<\/code><\/p><\/dd>\n

    \ud83d\udd12 Is it safe to upload SVG files?<\/h3><\/dt>\n

    Absolutely! \ud83d\udee1\ufe0f Every SVG is automatically sanitized to remove:\n* \ud83d\udeab JavaScript code\n* \ud83d\udeab External links
    \n* \ud83d\udeab Potentially harmful elements\n* \ud83d\udeab XSS vulnerabilities<\/p><\/dd>\n

    \ud83c\udfa8 Can I edit SVG icons after uploading?<\/h3><\/dt>\n

    Yes! The built-in live editor lets you:\n* \ud83c\udf08 Change colors in real-time\n* \ud83d\udcd0 Adjust dimensions\n* \ud83d\udc40 Preview changes instantly\n* \ud83d\udd27 Modify SVG attributes<\/p><\/dd>\n

    \ud83d\udcc1 Where are my SVG files stored?<\/h3><\/dt>\n