ICONYZ
Português (Brasil)
Ícone Tag Linear de Solar

Ícone Tag Linear

solar:tag-linear

O ícone Tag Linear (solar:tag-linear) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Solar
Autor
480 Design
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Dinheiro
Tags
taglinear
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-width="1.5"><path d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"/><circle cx="8.607" cy="8.879" r="2" transform="rotate(-45 8.607 8.879)"/><path stroke-linecap="round" d="M11.5417 18.5L18.5208 11.5208"/></g></svg>

Como usar o ícone Tag Linear

React

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

<Icon icon="solar:tag-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:tag-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:tag-linear" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:tag-linear"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Solar

Ícone tag-bold
tag-bold
 Ícone tag-bold-duotone
tag-bold-duotone
 Ícone tag-broken
tag-broken
 Ícone tag-horizontal-bold
tag-horizontal-bold
 Ícone tag-horizontal-bold-duotone
tag-horizontal-bold-duotone
 Ícone tag-horizontal-broken
tag-horizontal-broken
 Ícone tag-horizontal-line-duotone
tag-horizontal-line-duotone
 Ícone tag-horizontal-linear
tag-horizontal-linear
 Ícone tag-horizontal-outline
tag-horizontal-outline
 Ícone tag-line-duotone
tag-line-duotone
 Ícone tag-outline
tag-outline
 Ícone tag-price-bold
tag-price-bold
 Ícone tag-price-bold-duotone
tag-price-bold-duotone
 Ícone tag-price-broken
tag-price-broken
 Ícone tag-price-line-duotone
tag-price-line-duotone
 Ícone tag-price-linear
tag-price-linear
 Ícone tag-price-outline
tag-price-outline

Perguntas frequentes sobre Ícone Tag Linear

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

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Tag Linear no React?

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

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

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

Ver todos os Ícones Solar →