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

Ícone Tag Duotone

ph:tag-duotone

O ícone Tag Duotone (ph:tag-duotone) é 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, tagduotone
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M237.66 153L153 237.66a8 8 0 0 1-11.31 0l-99.35-99.32a8 8 0 0 1-2.34-5.65V40h92.69a8 8 0 0 1 5.65 2.34l99.32 99.32a8 8 0 0 1 0 11.34" opacity=".2"/><path 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.63m-96 96L48 132.69V48h84.69L232 147.31ZM96 84a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></g></svg>

Como usar o ícone Tag Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ph/tag-duotone.svg" alt="Ícone Tag Duotone" 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-fill
tag-fill
 Í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 Duotone em outras coleções

Ícone Tag Duotone de Keyline Icons
Keyline Icons
 Ícone Tag Duotone de Lucide Extended
Lucide Extended
 Ícone Tag Duotone de Reicon
Reicon

Perguntas frequentes sobre Ícone Tag Duotone

O ícone Tag Duotone é 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 Duotone no React?

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

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

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

Ver todos os Ícones Phosphor →