Need an icon in your own brand colour? ICON OOP lets you change the colour of any icon online, right in your browser, then download it. Unlike tools that only edit a file you upload, ICON OOP also gives you 23,000+ icons to choose from, so you can find an icon and recolour it in one place.
How to change an icon’s colour
- Open the tool and find an icon, or open one you like.
- Use the colour control in the side panel. Pick visually, type a hex code such as
#FF5A36, or choose a brand colour. - Watch the preview update instantly, then download the recoloured icon as SVG or PNG.
Ways to set the colour
| Method | Good for |
|---|---|
| Colour picker | Choosing a colour by eye |
| Hex code | Matching an exact brand palette value |
| Brand colour | Applying a logo’s official colour in one click |
| Swatches | Quick experiments with ready colours |
It works on the icon, no upload needed
Most “change SVG colour” tools make you upload your own file first. ICON OOP is different: the icons are already there. Search, recolour and download without uploading anything. If you do have your own workflow, you can also copy the recoloured icon as SVG code, a CSS data-URI or a React component.
Recolour outline and solid icons
ICON OOP handles both kinds of icon correctly. Outline icons, like those from Lucide and Tabler, are recoloured on their stroke. Solid icons and brand logos are recoloured on their fill. You do not need to know which is which, the tool shows the right controls automatically. For the technical detail, see the full recolouring guide.
Download in your colour
Once the colour is set, the file you download keeps it. Download an SVG for a website, or a transparent PNG for a slide deck, and the icon arrives already in your brand colour with no further editing.