search

scour-project / scour

Scour - An SVG Optimizer / Cleaner
Apache License 2.0
757 stars 61 forks source link

Convert SVG to use inline styles #308

Open insinfo opened 1 year ago

insinfo commented 1 year ago

How can I convert an SVG to use inline styles ? For example, I want to convert this:

<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 576 576">
 <defs>
  <style>.cls-1{fill:#d1b037;stroke:#1e1e1e;stroke-width:0.25px;}</style>
 </defs>
 <rect class="cls-1" width="576" height="576"/>
</svg>

to

<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 576 576">
 <rect class="cls-1" width="576" height="576" fill='#d1b037' stroke='#1e1e1e' stroke-width='0.25px'/>
</svg>
JoKalliauer commented 1 year ago

That's not possible in scour see #174 , however you could use e.g. svgcleaner.

If you don't want to install it you can try https://svgworkaroundbot.toolforge.org/ and activate "run svgcleaner".