Using currentColor to color an SVG icon using CSS attributes

To make SVG icons more flexible, once exported out of an image editor like Figma, open them in a text editor and modify some attributes.

To color the SVG icon with CSS, set stroke="currentColor" in the <path>. This allows the SVG to be styled with color or viatext-color- in Tailwind CSS.

To size the SVG icon with CSS, set width="100%" and height="100%" in the <svg> element.

Feedback?

Email us at enquiries@kinsa.cc.