ICONYZ
Português (Brasil)
Ícone Tag de Keyline Icons

Ícone Tag

keyline-icons:tag

O ícone Tag (keyline-icons:tag) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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
Keyline Icons
Autor
Keyline Icons
Licença
MIT
Tamanho
24 × 24
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" stroke="none"/></g></svg>

Como usar o ícone Tag

React

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

<Icon icon="keyline-icons:tag" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:tag" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:tag" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:tag"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Keyline Icons

Ícone tag-duotone
tag-duotone
 Ícone tag-fill
tag-fill
 Ícone tag-horizontal-end
tag-horizontal-end
 Ícone tag-horizontal-end-duotone
tag-horizontal-end-duotone
 Ícone tag-horizontal-end-fill
tag-horizontal-end-fill
 Ícone tag-horizontal-end-percent
tag-horizontal-end-percent
 Ícone tag-horizontal-end-percent-duotone
tag-horizontal-end-percent-duotone
 Ícone tag-horizontal-end-percent-fill
tag-horizontal-end-percent-fill
 Ícone tag-horizontal-end-percent-sharp
tag-horizontal-end-percent-sharp
 Ícone tag-horizontal-end-percent-sharp-duotone
tag-horizontal-end-percent-sharp-duotone
 Ícone tag-horizontal-end-percent-sharp-fill
tag-horizontal-end-percent-sharp-fill
 Ícone tag-horizontal-end-percent-sharp-two-tone
tag-horizontal-end-percent-sharp-two-tone
 Ícone tag-horizontal-end-percent-two-tone
tag-horizontal-end-percent-two-tone
 Ícone tag-horizontal-end-sharp
tag-horizontal-end-sharp
 Ícone tag-horizontal-end-sharp-duotone
tag-horizontal-end-sharp-duotone
 Ícone tag-horizontal-end-sharp-fill
tag-horizontal-end-sharp-fill
 Ícone tag-horizontal-end-sharp-two-tone
tag-horizontal-end-sharp-two-tone
 Ícone tag-horizontal-end-two-tone
tag-horizontal-end-two-tone
 Ícone tag-horizontal-start
tag-horizontal-start
 Ícone tag-horizontal-start-duotone
tag-horizontal-start-duotone
 Ícone tag-horizontal-start-fill
tag-horizontal-start-fill
 Ícone tag-horizontal-start-percent
tag-horizontal-start-percent
 Ícone tag-horizontal-start-percent-duotone
tag-horizontal-start-percent-duotone
 Ícone tag-horizontal-start-percent-fill
tag-horizontal-start-percent-fill

O ícone Tag em outras coleções

Ícone Tag de Material Design Icons
Material Design Icons
 Ícone Tag de Lucide
Lucide
 Ícone Tag de Tabler Icons
Tabler Icons
 Ícone Tag de Font Awesome 6 Solid
Font Awesome 6 Solid
 Ícone Tag de Material Symbols
Material Symbols
 Ícone Tag de Phosphor
Phosphor
 Ícone Tag de Bootstrap Icons
Bootstrap Icons
 Ícone Tag de HeroIcons
HeroIcons
 Ícone Tag de Carbon
Carbon
 Ícone Tag de @icons
@icons
 Ícone Tag de Akar Icons
Akar Icons
 Ícone Tag de BoxIcons v2
BoxIcons v2

Perguntas frequentes sobre Ícone Tag

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

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

Como uso o ícone Tag no React?

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

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

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

Ver todos os Keyline Icons →