Ícones de Tag Grátis (SVG)

48 ícones de tag de bibliotecas open source — clique em um para alterar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em 30 de out. de 2026

tag
Lucide tag
Tabler tag
Heroicons tag
Phosphor tag
Bootstrap Icons ar-tag
Iconoir tag-16-filled
Fluent UI tag
Material Symbols tag
Material Design Icons tag
Carbon tag-x
Lucide tag-filled
Tabler tag-16-solid
Heroicons tag-bold
Phosphor tag-fill
Bootstrap Icons ev-tag
Iconoir tag-16-regular
Fluent UI tag-rounded
Material Symbols tag-outline
Material Design Icons tag-edit
Carbon tag-plus
Lucide tag-off
Tabler tag-20-solid
Heroicons tag-duotone
Phosphor fx-tag
Iconoir tag-20-filled
Fluent UI car-tag
Material Symbols tag-off
Material Design Icons tag-none
Carbon tag-plus
Tabler tag-solid
Heroicons tag-fill
Phosphor fx-tag-solid
Iconoir tag-20-regular
Fluent UI car-tag-outline
Material Symbols tag-off-outline
Material Design Icons tag-light
Phosphor on-tag
Iconoir tag-24-filled
Fluent UI car-tag-outline-rounded
Material Symbols tag-edit
Material Design Icons tag-thin
Phosphor vr-tag
Iconoir tag-24-regular
Fluent UI car-tag-outline-sharp
Material Symbols tag-edit-outline
Material Design Icons off-tag
Iconoir tag-28-filled
Fluent UI

Como usar ícones de tag

Tags marcam rótulos, categorias, preços e descontos.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento em que estão — um único SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e height explícitos (ou dimensione-os no CSS com 1em) para o layout não mudar enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Tag”.

Licenças

Estes ícones de tag vêm de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — bibliotecas open source sob licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os mais de 70.000 ícones no SVG Icon Finder.

Buscador de Ícones SVG

Busque 70.000+ ícones SVG open source — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material e mais.

Abrir ferramenta

Perguntas frequentes

Esses ícones de tag são grátis para uso comercial?

Sim. Eles vêm de bibliotecas de ícones open source sob licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se redistribuir os próprios arquivos de ícone.

Como mudo a cor de um ícone de tag?

Os SVGs usam currentColor, então defina a cor CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.

Posso usar esses ícones no Webflow ou no React?

Sim. Abra um ícone e use Copy to Webflow (cola como um Code Embed) ou Copy JSX para um componente React.

Suas ferramentas

Explorar ferramentas

Mais do devpack

Configurações