What happens when I remove SVG presentation attributes?

fill, stroke, opacity, and other presentation attrs are deleted. Geometry (d, cx, points) stays. CSS or UA defaults then paint the shape.

Is this the same as converting attributes to CSS?

No. Convert-to-CSS keeps the look in a stylesheet. Remove means the attributes are gone.

It may fall back to black or inherit. Add CSS or currentColor if you still need a fill.

This pass targets presentation attributes. Use Strip Inline Styles for style="".

FAQ

Quick answers

What happens when I remove SVG presentation attributes?: fill, stroke, opacity, and other presentation attrs are deleted. Geometry (d, cx, points) stays. CSS or UA defaults then paint the shape.
Is this the same as converting attributes to CSS?: No. Convert-to-CSS keeps the look in a stylesheet. Remove means the attributes are gone.
Will the icon disappear after removing fills?: It may fall back to black or inherit. Add CSS or currentColor if you still need a fill.
Are style="" attributes removed too?: This pass targets presentation attributes. Use Strip Inline Styles for style="".

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B