How do SVG attributes become shared CSS classes?

Click Convert to CSS classes. Shapes with the same fill/stroke share a class; the rule lives in .

How is this different from attrs → CSS on unique shapes?

Attrs → CSS always emits classes. This page stresses sharing: two blue rects become one class, not two.

No. Only paint attributes move into CSS.

The convert pass already removes the moved fill/stroke attributes from the elements.

FAQ

Quick answers

How do SVG attributes become shared CSS classes?: Click Convert to CSS classes. Shapes with the same fill/stroke share a class; the rule lives in <style>.
How is this different from attrs → CSS on unique shapes?: Attrs → CSS always emits classes. This page stresses sharing: two blue rects become one class, not two.
Does converting to classes change geometry?: No. Only paint attributes move into CSS.
Can I strip leftover presentation attributes after classing?: The convert pass already removes the moved fill/stroke attributes from the elements.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B