MZ SVG CurrentColor Normalizer
Automatically normalizes SVG icons to use currentColor in Elementor while preserving multicolor logos and illustrations.
Plugin info
Maintenance & Compatibility
Maintenance score
Actively maintained • Last updated 27 days ago
Is MZ SVG CurrentColor Normalizer abandoned?
Likely maintained (last update 27 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
Tired of your SVG icons not changing color in Elementor, no matter how many style controls you tweak?
MZ SVG CurrentColor Normalizer takes your monochrome SVGs and automatically converts them into icons that work perfectly with Elementor, using currentColor and removing inline styles that block dynamic coloring.
If the SVG is a multicolor logo or illustration, the plugin is smart enough to leave it untouched.
- SVG icons normalized to work as dynamic icons with Elementor.
- Multicolor logos and illustrations respected as they are, without changes.
- You spend more time designing, and less time editing XML by hand.
Features
- Detects whether an SVG is monochrome or multicolor.
- Forces
fill="currentColor"on theelement for monochrome icons. - Removes
strokefrom any node. - Removes
fillonelements. - Cleans
fill/strokedeclarations insidestyleattributes. - Does not modify SVGs with more than one real color (logos, illustrations, etc.).
- Works both from the Media Library and from Elementor’s upload modal.
Donations
If this plugin saves you time or makes your workflow easier, you can support its development with a small donation:
https://www.paypal.com/paypalme/mazhanayg
Installation
- Upload the plugin to the
/wp-content/plugins/directory or install the ZIP via “Plugins Add New”. - Activate the plugin through the “Plugins” menu in WordPress.
- Upload your SVG icons as usual (from Media or from Elementor).
- If the icon is monochrome, it will be normalized to use
currentColor. - If the SVG is multicolor, it will be uploaded without changes.
Frequently Asked Questions
Yes. The plugin adds image/svg+xml to the list of allowed MIME types.
If you already use another SVG plugin, you can disable this part by commenting out the upload_mimes filter in the main plugin file.
No. It only applies to new SVG files uploaded after the plugin is activated.
If you want to normalize older SVGs, you can re-upload them or use a media replacement plugin.
The plugin only normalizes monochrome SVGs.
If it detects more than one real color (in fill, stroke, or style), it treats the file as a logo/illustration and does not modify it.
No. It works with any builder or theme that uses currentColor or CSS-based coloring for SVGs.
It is simply optimized for the common Elementor use case.
Review feed
Screenshots

Normal view of the custom SVG icon without the plugin (doesn't respect Elementor's colors).

Hovering over the custom SVG icon without the plugin (doesn't change).

Normal view of the custom SVG icon with the plugin installed (respects Elementor's colors).

Hovering over the custom SVG icon with the plugin installed (hover color works).1. Uploading a monochrome SVG that gets normalized as a
currentColor-compatible icon.
Changelog
1.5
- Fixed removal of
fillon<path>elements even when the SVG includesxmlns="http://www.w3.org/2000/svg". - More robust normalization for monochrome icons.
1.4
- Main hook changed to
wp_handle_uploadfor better compatibility when uploading from Elementor. - Added a comment inside the normalized SVG.
- Added an admin alert (JS) after normalizing an icon.
1.3
- Adjustments for handling
fill="none"and improvements to the upload flow.
1.2
- Detection of multicolor SVGs to avoid modifying logos/illustrations.
1.1
- Advanced
style="..."cleanup, removing onlyfill:andstroke:rules.
1.0
- Initial release: basic SVG normalization for icons (
fill="currentColor", nostroke, nofillon<path>).