ICONYZ
Português (Brasil)
Ícone Tag Fill de Phosphor

Ícone Tag Fill

ph:tag-fill

O ícone Tag Fill (ph:tag-fill) é um ícone SVG gratuito da coleção Phosphor de Phosphor Icons. Ele é desenhado em uma grade de 256 × 256. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Phosphor
Autor
Phosphor Icons
Licença
MIT
Tamanho
256 × 256
Tags
tags, hashtag, labels, sale, sell, price, discount, tagfill
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M243.31 136L144 36.69A15.86 15.86 0 0 0 132.69 32H40a8 8 0 0 0-8 8v92.69A15.86 15.86 0 0 0 36.69 144L136 243.31a16 16 0 0 0 22.63 0l84.68-84.68a16 16 0 0 0 0-22.63M84 96a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>

Como usar o ícone Tag Fill

React

import { Icon } from "@iconify/react";

<Icon icon="ph:tag-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:tag-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:tag-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--tag-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:tag-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:tag-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ph/tag-fill.svg" alt="Ícone Tag Fill" width="24" height="24">

Ícones relacionados em Phosphor

Ícone tag
tag
 Ícone tag-bold
tag-bold
 Ícone tag-chevron
tag-chevron
 Ícone tag-chevron-bold
tag-chevron-bold
 Ícone tag-chevron-duotone
tag-chevron-duotone
 Ícone tag-chevron-fill
tag-chevron-fill
 Ícone tag-chevron-light
tag-chevron-light
 Ícone tag-chevron-thin
tag-chevron-thin
 Ícone tag-duotone
tag-duotone
 Ícone tag-light
tag-light
 Ícone tag-simple
tag-simple
 Ícone tag-simple-bold
tag-simple-bold
 Ícone tag-simple-duotone
tag-simple-duotone
 Ícone tag-simple-fill
tag-simple-fill
 Ícone tag-simple-light
tag-simple-light
 Ícone tag-simple-thin
tag-simple-thin
 Ícone tag-thin
tag-thin

O ícone Tag Fill em outras coleções

Ícone Tag Fill de Bootstrap Icons
Bootstrap Icons
 Ícone Tag Fill de Framework7 Icons
Framework7 Icons
 Ícone Tag Fill de Keyline Icons
Keyline Icons
 Ícone Tag Fill de Mage Icons
Mage Icons
 Ícone Tag Fill de MingCute Icon
MingCute Icon

Perguntas frequentes sobre Ícone Tag Fill

O ícone Tag Fill é grátis para uso comercial?

Sim. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Tag Fill no React?

Instale @iconify/react e renderize <Icon icon="ph:tag-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Tag Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ph/tag-fill.svg" alt="Ícone Tag Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Phosphor →