WordPress.org

Igbo

Get WordPress
WordPress.org

Plugin Directory

MZ SVG CurrentColor Normalizer

MZ SVG CurrentColor Normalizer

By mazhanay
Download

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 the <svg> element for monochrome icons.
  • Removes stroke from any node.
  • Removes fill on <path> elements.
  • Cleans fill / stroke declarations inside style attributes.
  • 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.

Installation

  1. Upload the plugin to the /wp-content/plugins/ directory or install the ZIP via “Plugins Add New”.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Upload your SVG icons as usual (from Media or from Elementor).
  4. If the icon is monochrome, it will be normalized to use currentColor.
  5. 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+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.

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 (in fill, stroke, or style), 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 currentColor or CSS-based coloring for SVGs.
It is simply optimized for the common Elementor use case.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“MZ SVG CurrentColor Normalizer” is open source software. The following people have contributed to this plugin.

Contributors

Translate “MZ SVG CurrentColor Normalizer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.5

  • Fixed removal of fill on <path> elements even when the SVG includes xmlns="http://www.w3.org/2000/svg".
  • More robust normalization for monochrome icons.

1.4

  • Main hook changed to wp_handle_upload for 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 only fill: and stroke: rules.

1.0

  • Initial release: basic SVG normalization for icons (fill="currentColor", no stroke, no fill on <path>).

Meta

Ratings

No reviews have been submitted yet.

Add my review

See all reviews

Contributors

Support

Got something to say? Need help?

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin