{"id":263624,"date":"2025-12-03T03:16:39","date_gmt":"2025-12-03T03:16:39","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/mz-svg-currentcolor-normalizer\/"},"modified":"2026-01-24T03:09:37","modified_gmt":"2026-01-24T03:09:37","slug":"mz-svg-currentcolor-normalizer","status":"publish","type":"plugin","link":"https:\/\/he.wordpress.org\/plugins\/mz-svg-currentcolor-normalizer\/","author":23446390,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.6","stable_tag":"1.6","tested":"6.9.4","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"PlugStudio SVG CurrentColor Normalizer","header_author":"PlugStudio","header_description":"Normaliza SVG para iconos en Elementor (sin stroke, sin fill en <path>, fill=\"currentColor\" en <svg>, limpiando fill\/stroke en style y evitando modificar SVG con m\u00faltiples colores).","assets_banners_color":"6a1c4b","last_updated":"2026-01-24 03:09:37","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":237,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.6":{"tag":"1.6","author":"mazhanay","date":"2026-01-24 03:09:37"}},"upgrade_notice":{"1.5":"<p>This version fixes the removal of <code>fill<\/code> on `` elements even when the SVG includes <code>xmlns=&amp;quot;http:\/\/www.w3.org\/2000\/svg&amp;quot;<\/code>.<br \/>\nRecommended if your icons were still showing fixed colors.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3408705,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3408705,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3445933,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3411614,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3411614,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3411614,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3411614,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"<p>Normal view of the custom SVG icon without the plugin (doesn't respect Elementor's colors).<\/p>","2":"<p>Hovering over the custom SVG icon without the plugin (doesn't change).<\/p>","3":"<p>Normal view of the custom SVG icon with the plugin installed (respects Elementor's colors).<\/p>","4":"<p>Hovering over the custom SVG icon with the plugin installed (hover color works).1. Uploading a monochrome SVG that gets normalized as a <code>currentColor<\/code>-compatible icon.<\/p>","5":"A multicolor logo uploaded without any modifications.","6":"SVG icons correctly changing color from the Elementor Style panel."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[251576,76538,498,2904,259],"plugin_category":[50],"plugin_contributors":[251577],"plugin_business_model":[],"class_list":["post-263624","plugin","type-plugin","status-publish","hentry","plugin_tags-currentcolor","plugin_tags-elementor","plugin_tags-icons","plugin_tags-svg","plugin_tags-upload","plugin_category-media","plugin_contributors-mazhanay","plugin_committers-mazhanay","plugin_committers-plugstudio"],"banners":{"banner":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/banner-772x250.png?rev=3445933","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/icon-128x128.png?rev=3408705","icon_2x":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/icon-256x256.png?rev=3408705","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/screenshot-1.png?rev=3411614","caption":"<p>Normal view of the custom SVG icon without the plugin (doesn't respect Elementor's colors).<\/p>"},{"src":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/screenshot-2.png?rev=3411614","caption":"<p>Hovering over the custom SVG icon without the plugin (doesn't change).<\/p>"},{"src":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/screenshot-3.png?rev=3411614","caption":"<p>Normal view of the custom SVG icon with the plugin installed (respects Elementor's colors).<\/p>"},{"src":"https:\/\/ps.w.org\/mz-svg-currentcolor-normalizer\/assets\/screenshot-4.png?rev=3411614","caption":"<p>Hovering over the custom SVG icon with the plugin installed (hover color works).1. Uploading a monochrome SVG that gets normalized as a <code>currentColor<\/code>-compatible icon.<\/p>"}],"raw_content":"<!--section=description-->\n<p>Tired of your SVG icons not changing color in Elementor, no matter how many style controls you tweak?<\/p>\n\n<p>PlugStudio SVG CurrentColor Normalizer takes your monochrome SVGs and automatically converts them into icons that work perfectly with Elementor, using <code>currentColor<\/code> and removing inline styles that block dynamic coloring.<\/p>\n\n<p>If the SVG is a multicolor logo or illustration, the plugin is smart enough to leave it untouched.<\/p>\n\n<ul>\n<li>SVG icons \u2192 normalized to work as dynamic icons with Elementor.<\/li>\n<li>Multicolor logos and illustrations \u2192 respected as they are, without changes.<\/li>\n<li>You \u2192 spend more time designing, and less time editing XML by hand.<\/li>\n<\/ul>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Detects whether an SVG is monochrome or multicolor.<\/li>\n<li>Forces <code>fill=\"currentColor\"<\/code> on the <code>&lt;svg&gt;<\/code> element for monochrome icons.<\/li>\n<li>Removes <code>stroke<\/code> from any node.<\/li>\n<li>Removes <code>fill<\/code> on <code>&lt;path&gt;<\/code> elements.<\/li>\n<li>Cleans <code>fill<\/code> \/ <code>stroke<\/code> declarations inside <code>style<\/code> attributes.<\/li>\n<li>Does not modify SVGs with more than one real color (logos, illustrations, etc.).<\/li>\n<li>Works both from the Media Library and from Elementor\u2019s upload modal.<\/li>\n<\/ul>\n\n<h3>Donations<\/h3>\n\n<p>If this plugin saves you time or makes your workflow easier, you can support its development with a small donation:<\/p>\n\n<p>https:\/\/www.paypal.com\/paypalme\/mazhanayg<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin to the <code>\/wp-content\/plugins\/<\/code> directory or install the ZIP via \u201cPlugins \u2192 Add New\u201d.<\/li>\n<li>Activate the plugin through the \u201cPlugins\u201d menu in WordPress.<\/li>\n<li>Upload your SVG icons as usual (from Media or from Elementor).<\/li>\n<li>If the icon is monochrome, it will be normalized to use <code>currentColor<\/code>.<\/li>\n<li>If the SVG is multicolor, it will be uploaded without changes.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20allow%20uploading%20svg%20files%20if%20wordpress%20does%20not%20accept%20them%20by%20default%3F\"><h3>Does this plugin allow uploading SVG files if WordPress does not accept them by default?<\/h3><\/dt>\n<dd><p>Yes. The plugin adds <code>image\/svg+xml<\/code> to the list of allowed MIME types.<br \/>\nIf you already use another SVG plugin, you can disable this part by commenting out the <code>upload_mimes<\/code> filter in the main plugin file.<\/p><\/dd>\n<dt id=\"does%20this%20affect%20svgs%20that%20were%20uploaded%20before%20installing%20the%20plugin%3F\"><h3>Does this affect SVGs that were uploaded before installing the plugin?<\/h3><\/dt>\n<dd><p>No. It only applies to new SVG files uploaded after the plugin is activated.<br \/>\nIf you want to normalize older SVGs, you can re-upload them or use a media replacement plugin.<\/p><\/dd>\n<dt id=\"can%20this%20plugin%20break%20any%20svgs%3F\"><h3>Can this plugin break any SVGs?<\/h3><\/dt>\n<dd><p>The plugin only normalizes <strong>monochrome<\/strong> SVGs.<br \/>\nIf it detects more than one real color (in <code>fill<\/code>, <code>stroke<\/code>, or <code>style<\/code>), it treats the file as a logo\/illustration and does not modify it.<\/p><\/dd>\n<dt id=\"is%20this%20only%20for%20elementor%3F\"><h3>Is this only for Elementor?<\/h3><\/dt>\n<dd><p>No. It works with any builder or theme that uses <code>currentColor<\/code> or CSS-based coloring for SVGs.<br \/>\nIt is simply optimized for the common Elementor use case.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.6<\/h4>\n\n<ul>\n<li>Improve support for SVG icons that use stroke-only paths (hamburger menus, outline icons, etc.).<\/li>\n<li>Handle single-color  blocks by removing the style and normalizing them as currentColor.<\/li>\n<li>Keep multicolor SVG logos untouched, as before.<\/li>\n<\/ul>\n\n<h4>1.5<\/h4>\n\n<ul>\n<li>Fixed removal of <code>fill<\/code> on <code>&lt;path&gt;<\/code> elements even when the SVG includes <code>xmlns=\"http:\/\/www.w3.org\/2000\/svg\"<\/code>.<\/li>\n<li>More robust normalization for monochrome icons.<\/li>\n<\/ul>\n\n<h4>1.4<\/h4>\n\n<ul>\n<li>Main hook changed to <code>wp_handle_upload<\/code> for better compatibility when uploading from Elementor.<\/li>\n<li>Added a comment inside the normalized SVG.<\/li>\n<li>Added an admin alert (JS) after normalizing an icon.<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>Adjustments for handling <code>fill=\"none\"<\/code> and improvements to the upload flow.<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>Detection of multicolor SVGs to avoid modifying logos\/illustrations.<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Advanced <code>style=\"...\"<\/code> cleanup, removing only <code>fill:<\/code> and <code>stroke:<\/code> rules.<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release: basic SVG normalization for icons (<code>fill=\"currentColor\"<\/code>, no <code>stroke<\/code>, no <code>fill<\/code> on <code>&lt;path&gt;<\/code>).<\/li>\n<\/ul>","raw_excerpt":"Automatically normalizes SVG icons to use currentColor in Elementor while preserving multicolor logos and illustrations.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/263624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=263624"}],"author":[{"embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/plugstudio"}],"wp:attachment":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=263624"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=263624"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=263624"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=263624"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=263624"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=263624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}