SVG

Stroke Width

Utilities for sets the outline width of an SVG.


Class

classcss
stroke-0stroke-width: 0
stroke-1stroke-width: 1
stroke-2stroke-width: 2

Usage

Set a SVG image with stroke width.

<!-- Example -->
<svg class="stroke-current stroke-2 ... text-amber-400">
...
</svg>

Customize More

// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'stroke',
//variant: 'responsive',
property: 'stroke-width',
modifier: (
'3': '3',
'4': '4'
...
)
)
)

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled