Ícone Label

fluent-emoji-high-contrast:label

O ícone Label (fluent-emoji-high-contrast:label) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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: Fluent Emoji High Contrast
Autor: Microsoft Corporation
Licença: MIT
Tamanho: 32 × 32
Categoria: Objetos

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path fill-rule="evenodd" d="M21.787 5.708a2.42 2.42 0 0 0-2.58-.549l-.006.003l-5.02 1.93l-.008.003a4 4 0 0 0-1.36.883l-11.1 11.1a2.41 2.41 0 0 0 .003 3.427l7.997 7.997a2.41 2.41 0 0 0 3.427-.003l11.097-11.097c.39-.39.687-.85.886-1.368l.557-1.447q.21-.012.418-.042q.06-.008.12-.024a5.212 5.212 0 1 0-3.344-9.726zm2.608 2.608l2.112 2.112c.685.684.886 1.704.546 2.586l-.52 1.352a3.211 3.211 0 0 0-2.138-6.05m-.157 6.085l.123.042l.826-2.147a.43.43 0 0 0-.094-.454l-4.72-4.72a.43.43 0 0 0-.458-.092h-.002l-5.01 1.927a2 2 0 0 0-.676.435l-11.1 11.1a.413.413 0 0 0-.006.59l.006.006l8 8a.413.413 0 0 0 .59.006l.006-.006l11.1-11.1c.19-.19.333-.41.434-.672l.386-1.004a5 5 0 0 1-.672-.284a5.2 5.2 0 0 1-2.145-2.034a2.257 2.257 0 0 1-1.97-3.822a2.256 2.256 0 0 1 3.198 0c.716.716.853 1.787.41 2.639a3.22 3.22 0 0 0 1.774 1.59M20.2 10.534a1.26 1.26 0 0 0-.635.345a1.256 1.256 0 0 0 .828 2.145a5.25 5.25 0 0 1-.193-2.49" clip-rule="evenodd"/><path d="M21.787 5.708a2.42 2.42 0 0 0-2.58-.549l-.006.003l-5.02 1.93l-.008.003a4 4 0 0 0-1.36.883l-11.1 11.1a2.41 2.41 0 0 0 .003 3.427l7.997 7.997a2.41 2.41 0 0 0 3.427-.003l11.097-11.097c.39-.39.687-.85.886-1.368l.557-1.447q.21-.012.418-.042q.06-.008.12-.024a5.212 5.212 0 1 0-3.344-9.726zm2.608 2.608a3.21 3.21 0 0 1 2.138 6.05l.52-1.352a2.43 2.43 0 0 0-.546-2.586zm-.157 6.085a3.22 3.22 0 0 1-1.775-1.59a2.26 2.26 0 0 0-.41-2.64a2.256 2.256 0 0 0-3.197 0a2.256 2.256 0 0 0 1.97 3.823a5.2 5.2 0 0 0 2.817 2.318l-.386 1.004a1.9 1.9 0 0 1-.434.672l-11.1 11.1l-.006.006a.413.413 0 0 1-.59-.006l-8-8l-.006-.006a.413.413 0 0 1 .006-.59l11.1-11.1c.183-.183.413-.33.676-.435l5.01-1.926l.002-.001a.43.43 0 0 1 .458.092l4.72 4.72a.43.43 0 0 1 .094.454l-.826 2.147zM20.2 10.534a5.25 5.25 0 0 0 .193 2.49a1.256 1.256 0 0 1-.828-2.145a1.26 1.26 0 0 1 .635-.345"/></g></svg>

Como usar o ícone Label

React

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

<Icon icon="fluent-emoji-high-contrast:label" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:label" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:label" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--label]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:label"></div>

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:label"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/label.svg" alt="Ícone Label" width="24" height="24">

O ícone Label em outras coleções

Perguntas frequentes sobre Ícone Label

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

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

Como uso o ícone Label no React?

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

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

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

Ver todos os Ícones Fluent Emoji High Contrast →