FAIR

Federated and Independent Repositories

MZ SVG CurrentColor Normalizer

Plugin Banner

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.
  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.
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.

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>).
Back to top