Цвет заливкиlink

Классы fill-* задают fill для SVG.

Примеры поддерживаемых модификаторов:

• fill-transparent, fill-current
• fill-primary, fill-secondary, fill-tertiary
• fill-error, fill-warning, fill-success
• fill-surface-*, fill-*-container, fill-*-transparent-*

Также поддерживается hover: для части модификаторов (hover:fill-primary, hover:fill-success и т.д.).

Синтаксисlink

fill-{modifier}

hover:fill-{modifier}

Примерlink

<svg class="svg-6 fill-primary"></svg>
<svg class="svg-6 fill-warning"></svg>
<svg class="svg-6 fill-error hover:fill-success"></svg>

Playgroundlink