How do I flatten SVG CSS classes into attributes?

Paste SVG that uses classes and click Expand classes.

What happens to the style tag after expanding?

Rules are applied to elements; you can then Remove Style Tags if the sheet is unused.

Yes. Follow with Attributes → Inline if needed.

FAQ

Quick answers

How do I flatten SVG CSS classes into attributes?: Paste SVG that uses classes and click Expand classes.
What happens to the style tag after expanding?: Rules are applied to elements; you can then Remove Style Tags if the sheet is unused.
Can I convert resulting attributes to inline styles next?: Yes. Follow with Attributes → Inline if needed.
Is class expansion free without uploading?: Yes. Free browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B