Export SVG w/o any inline style

For some website builders, they may provide a tool or feature to color the SVG file (which is not required additional work to change the SVG color by yourself). But it is not applicable to all SVG files. The reason is: some color or filling options are inline style, thus the tools cannot color the SVG again.

To avoid this, here is how to use Adobe Illustrator (AI) to remove the inline style. After you create or edit SVG using other tools (like Boxy SVG, Vector Magic, etc), open the file in AI and do the following steps:

  • Go to File > Export > SVG (or Export As…, depends on AI version)
  • Select a path to save SVG
  • Select Internal CSS, then press OK

Picture below is recommended options.

SVG Options

I’m JokerM.

This post was written by me.

To report a copyright issue or abuse, please contact [email protected].

Table of Contents


This site uses Akismet to reduce spam. Learn how your comment data is processed.

Inline Feedbacks
View all comments