Open an SVG icon or logo, change its colours, one shape or one colour everywhere at once, and download the recoloured file.
An SVG describes shapes, and each shape has a fill (its inside) and a stroke (its outline). The colours are written in the file, as attributes or styles. That is why an SVG can be recoloured without redrawing anything, and without losing any sharpness.
Select a shape to change its fill or its stroke. To rebrand an icon set or a logo, replace a colour of the document: every shape that uses it changes at once, and you see the result live before you download the file.
The shapes, their order and the file's structure are kept: the downloaded SVG is the one you opened, with its new colours. It works for icons from an icon set, exported logos and illustrations alike.
Drop an SVG file on the editor, or paste its code.
Select a shape and pick its fill or stroke, or replace one colour everywhere in the document.
Check the preview and download the recoloured file.
In a website, an icon whose fill is currentColor takes the colour of the text around it: change it in CSS instead of editing the file.
For a logo with brand colours, replace each colour across the document so every shape stays consistent.
TipThe SVG is edited in your browser: nothing is uploaded to a server.
Its markup is cleaned of scripts before it is shown, so an SVG from the web can't run code on the page.
SecurityChanging SVG colours in short