SVG

Fill

Utilities for sets the color to paint 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
fill-current	fill: currentColor

Usage

Set a SVG image with color overrides by using text-{palettes}-{modifier} utility. (See Text Color).

<svg class="fill-current text-shade-amber-4">
  ...
</svg>

HTML

svg {
  	@extend
  		.fill-current,
  		.text-shade-amber-4;
}

SCSS