Utilitário

SVG

Helpers para colorir e ajustar a espessura de traçado em SVGs inline.


← Voltar à lista de classes

Classes

Classe CSS Descrição
.fill-current fill: currentColor;
.stroke-current stroke: currentColor;
.stroke-1 stroke-width: 1px;
.stroke-2 stroke-width: 2px;
.stroke-3 stroke-width: 3px;
.stroke-4 stroke-width: 4px;

.fill-current e .stroke-current herdam a cor do texto (currentColor) — combine com qualquer classe de color-* para mudar a cor do SVG inline:

<svg class="fill-current color-primary" width="48" height="48" viewBox="0 0 48 48">
  <!-- ... -->
</svg>

Copiado para a área de transferência.