Browse all toolsSVG Recolor / Theme
Edit

SVG Recolor / Theme

Replace fixed SVG colors with currentColor so icons can inherit theme color.

SVG Recolor / Theme

Replace fixed SVG colors with currentColor so icons can inherit theme color.

Result

Choose an SVG file, paste SVG markup, or load the sample to begin.

Page context

Where SVG Recolor / Theme fits

SVG Recolor / Theme replaces fixed SVG colors with currentColor for themeable inline icons.

Themeable icons

Using currentColor lets an inline SVG inherit CSS text color from its parent element.

Current behavior

The first version replaces detected fixed color values with currentColor. Detailed per-color mapping is planned later.