SVG

Stroke Width

Utilities for sets the outline width of an SVG.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
stroke-0	stroke-width: 0
stroke-1	stroke-width: 1
stroke-2	stroke-width: 2

Usage

Set a SVG image with stroke width.

<svg class="stroke-current stroke-2 ... text-tint-amber-4">
  ...
</svg>

HTML

svg {
  @extend
    .stroke-current,
    .stroke-2,
    .text-tint-amber-4;
}

SCSS