SVGEditor

Free online SVG editor — preview, share, React & PNG

Open source

Convert SVG Colors to currentColor

Set both fill and stroke to currentColor — not fill-only

Remove hardcoded stroke? Remove hardcoded strokeFill + stroke hover? Fill + stroke hover

FAQ

Quick answers

How is convert SVG colors to currentColor different from fill-only?
Convert SVG Fill to currentColor leaves strokes. This page rewrites both fill and stroke so the whole icon follows CSS color.
Do gradient fills become currentColor?
No. url(#) paints stay so gradient defs keep working.
Will none fills be turned into currentColor?
No. fill="none" and stroke="none" stay none.
How do I hover fill and stroke after currentColor?
Use Change SVG Fill and Stroke on Hover for :hover rules. currentColor only sets inheritance.
Remove hardcoded stroke → Fill + stroke hover → Fill → currentColor → Fill on hover →

Privacy Terms

Open full editor →

Source

Type or paste SVG markup. The preview on the right updates as you type.

Ready

Live preview

PNG export · 2× for retina