Fill

Utilities for controlling the fill color of SVG elements.

Class	CSS Output
`fill-none`	`fill: none; }`
`fill-current`	`fill: currentcolor; }`
`fill-red-500`	`fill: var(--color-red-500); }`
`fill-blue-600`	`fill: var(--color-blue-600); }`
`fill-red-500/50`	`fill: color-mix(in oklab, var(--color-red-500) 50%, transparent); }`
`fill-[#ff0000]`	`fill: #ff0000; }`

fill-none

fill: none;

fill-current

fill: currentcolor;

fill-red-500

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

fill-blue-600

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

fill-red-500/50

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

fill-[#ff0000]

fill: #ff0000;

Reference

MDN ↗