설명
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 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
스크린샷
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.
설치
- 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.
FAQ
-
Does this plugin allow uploading SVG files if WordPress does not accept them by default?
-
Yes. The plugin adds
image/svg+xmlto the list of allowed MIME types.
If you already use another SVG plugin, you can disable this part by commenting out theupload_mimesfilter in the main plugin file. -
Does this affect SVGs that were uploaded before installing the plugin?
-
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. -
Can this plugin break any SVGs?
-
The plugin only normalizes monochrome SVGs.
If it detects more than one real color (infill,stroke, orstyle), it treats the file as a logo/illustration and does not modify it. -
Is this only for Elementor?
-
No. It works with any builder or theme that uses
currentColoror CSS-based coloring for SVGs.
It is simply optimized for the common Elementor use case.
후기
이 플러그인에 대한 평가가 없습니다.
기여자 & 개발자
자국어로 “MZ SVG CurrentColor Normalizer”(을)를 번역하세요.
개발에 관심이 있으십니까?
변경이력
1.6
- Improve support for SVG icons that use stroke-only paths (hamburger menus, outline icons, etc.).
- Handle single-color blocks by removing the style and normalizing them as currentColor.
- Keep multicolor SVG logos untouched, as before.
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>).