SVG
SVG utility classes:
| CSS Class | Description |
|---|---|
f{p}ill-current |
fill: currentColor; |
s{p}troke-current |
stroke: currentColor; |
s{p}troke-1 |
stroke-width: 1px; |
s{p}troke-2 |
stroke-width: 2px; |
s{p}troke-3 |
stroke-width: 3px; |
s{p}troke-4 |
stroke-width: 4px; |
The .fill-current and .stroke-current classes set the fill and stroke values to the same as the current text color. This means you can use color utility classes in combination with .fill-current and .stroke-current to change the color of inline SVG elements.
Example:
<svg class="fill-current color-primary" width="48" height="48" viewBox="0 0 48 48">
<!-- ... -->
</svg>
