Tired of your SVG icons not changing color in Elementor, no matter how many style controls you tweak?
PlugStudio 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 the<svg>element for monochrome icons. - Removes
strokefrom any node. - Removes
fillon<path>elements. - 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
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.