SVG Style Converter
Turn CSS into presentation attributes, or repeated attributes into classes, following the cascade.
Drop an SVG
Turn its CSS into plain attributes, which every tool understands, or group repeated attributes into classes.
About this tool
Move the CSS in an SVG onto plain attributes. Many apps, email clients and older tools ignore <style> blocks and classes; attributes like fill and stroke work everywhere. Interformat follows the CSS cascade, including !important, inline styles, specificity and order, so every element ends up with the value it really had.
Anything that has no attribute equivalent stays as CSS and is listed with the reason: media queries, :hover and other states, animations, CSS variables and CSS-only properties.
Or go the other way: elements that repeat the same set of attributes are grouped into classes in one stylesheet, which shrinks repetitive files and makes them easy to restyle. Either way, the result is rendered and compared with the original.