Edit an icon’s code (or colors)

You are here:
Estimated reading time: < 1 min

Normally there isn’t a specific reason to edit an SVG icon’s code, however in some cases you might want to customize a path or shape color or attribute.

For example many of IconFinder’s icons have the color code right into the fill or stroke attributes:

In the example above, changing the fill:#00F4CB hex code, into say #FF0000 (red) will also change the icon’s shape color, eg:

Unfortunately for the moment there isn’t any better method. I’m trying to develop a new functionality which will provide color pickers for each available color, however there should be a bit of patience to get it right. I’m also planning a visual editor tool, however there’s a lot of work on this side. For the moment this available tool should cover this task.

Was this article helpful?
Dislike 0
Views: 29