Stroke

Utilities for controlling the stroke color and width of SVG elements.

Class	CSS Output
`stroke-none`	`stroke: none; }`
`stroke-current`	`stroke: currentcolor; }`
`stroke-0`	`stroke-width: 0; }`
`stroke-1`	`stroke-width: 1; }`
`stroke-2`	`stroke-width: 2; }`
`stroke-red-500`	`stroke: var(--color-red-500); }`
`stroke-blue-600`	`stroke: var(--color-blue-600); }`
`stroke-red-500/50`	`stroke: color-mix(in oklab, var(--color-red-500) 50%, transparent); }`

stroke-none

stroke: none;

stroke-current

stroke: currentcolor;

stroke-0

stroke-width: 0;

stroke-1

stroke-width: 1;

stroke-2

stroke-width: 2;

stroke-red-500

stroke: var(--color-red-500);

stroke-blue-600

stroke: var(--color-blue-600);

stroke-red-500/50

stroke: color-mix(in oklab, var(--color-red-500) 50%, transparent);

Reference

stroke	MDN ↗
stroke-width	MDN ↗