SVG Color Replacer
Recolor fill and stroke attributes inside raw SVG source code in one click
Finds fill and stroke attributes in SVG markup and changes them to your target colors.
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
How to use
- Paste the raw SVG source code.
- Choose new fill and stroke color variables.
- Apply changes, inspect preview, and download the updated SVG.
FAQ
- Does it modify styling rules inside <style> tags?
- No, it targets inline fill/stroke attributes. Make sure your SVG uses attributes.
- Does it also work on SVGs where the color is set as a CSS declaration, like style="fill:#000"?
- This tool replaces colors based on the fill/stroke attributes, so a color written inside a style attribute as CSS (style="fill:#000") won't be picked up. Convert it to a plain attribute first — fill="#000" instead of style="fill:#000" — and it will work as expected.
- Does it also work on SVGs where the color is set as a CSS declaration, like style="fill:#000"?
- This tool replaces colors based on the fill/stroke attributes, so a color written inside a style attribute as CSS (style="fill:#000") won't be picked up. Convert it to a plain attribute first — fill="#000" instead of style="fill:#000" — and it will work as expected.