SVG Color export ( fill: currentColor; )

Forum|Forum|7 years ago
January 23, 2019
2 replies
11098 views

Hi,

Im a designer working on some icons for a website and the developer has requested them to be sent as SVG's...

The problem is they want the color in the SVG code to be specified as fill: currentColor; but I cant find a way to set that either in the export or in the illustrator file.

Is there a way to export a svg file in illustrator so that in the SVG file code the colour is specified as fill: currentColor;

There are over 100 icons so I really don't want to do this manually, hopefully there is a way.

Thank You

This topic has been closed for replies.

Correct answer nathanr89637549

The only solution I managed to find was this:

1. Export the SVG as normal

2. Change the file extension to a .txt ( filename.svg to filename.txt )

3. Open the file in text editor, change the necessary code ( {fill:#231f20;} to {fill:current color;} ) and save.

4. Then change the file extention back to .svg ( filename.txt to filename.svg )

Hopefully things evolve so designers don't have to deal with code

nathanr89637549AuthorCorrect answer

Participant

The only solution I managed to find was this:

1. Export the SVG as normal

2. Change the file extension to a .txt ( filename.svg to filename.txt )

3. Open the file in text editor, change the necessary code ( {fill:#231f20;} to {fill:current color;} ) and save.

4. Then change the file extention back to .svg ( filename.txt to filename.svg )

Hopefully things evolve so designers don't have to deal with code

Monika Gause

Community Expert

You don't need to chage the file extension in order to open it in a text editor.

In case it's Text Edit you're using, you just need to set it to Text in its preferences and then it will open everything as text and not try to render it.