How do I change SVG stroke to currentColor?

Paste the SVG and click Use currentColor. Stroke attributes that were hex or named colors become currentColor.

What does currentColor do?

The stroke paints with the computed CSS color of the element (or inherited color), so text color and icon stroke can match.

Set color on the SVG or a parent. For a ready rule, open Change SVG Stroke Color with CSS.

This tool only touches stroke color tokens — see also Change SVG Stroke Color Without Editing SVG.

FAQ

Quick answers

How do I change SVG stroke to currentColor?: Paste the SVG and click Use currentColor. Stroke attributes that were hex or named colors become currentColor.
What does currentColor do?: The stroke paints with the computed CSS color of the element (or inherited color), so text color and icon stroke can match.
Do I still need CSS?: Set color on the SVG or a parent. For a ready rule, open Change SVG Stroke Color with CSS.
Avoid editing path data?: This tool only touches stroke color tokens — see also Change SVG Stroke Color Without Editing SVG.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B