Ícone Id

dashicons:id

O ícone Id (dashicons:id) é um ícone SVG gratuito da coleção Dashicons de WordPress. Ele é desenhado em uma grade de 20 × 20. Dashicons são publicados sob a licença GPL, que permite o uso em projetos pessoais e comerciais; versões modificadas dos arquivos dos ícones devem manter a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Dashicons
Autor: WordPress
Licença: GPL-2.0-or-later
Tamanho: 20 × 20

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M18 16H2V4h16zM7.05 8.53q.195-.105.33-.24c.09-.1.17-.21.24-.34c.07-.14.13-.26.17-.37s.07-.22.1-.34L7.95 7c0-.04.01-.07.01-.09c.05-.32.03-.61-.04-.9c-.08-.28-.23-.52-.46-.72C7.23 5.1 6.95 5 6.6 5c-.2 0-.39.04-.56.11c-.17.08-.31.18-.41.3c-.11.13-.2.27-.27.44q-.105.24-.12.51c-.015.27 0 .36.01.55l.02.09c.01.06.03.15.06.25s.06.21.1.33s.1.25.17.37c.08.12.16.23.25.33s.2.19.34.25c.13.06.28.09.43.09s.3-.03.43-.09M17 9V5h-5v4zm-10.38.83l-1.38-.88c-.41 0-.79.11-1.14.32c-.35.22-.62.5-.81.85c-.19.34-.29.7-.29 1.07v1.25l.2.05c.13.04.31.09.55.14c.24.06.51.12.8.17c.29.06.62.1 1 .14c.37.04.73.06 1.07.06s.69-.02 1.07-.06s.7-.09.98-.14c.27-.05.54-.1.82-.17c.27-.06.45-.11.54-.13q.135-.045.21-.06v-1.25c0-.36-.1-.72-.31-1.07s-.49-.64-.84-.86s-.72-.33-1.11-.33zM17 11v-1h-5v1zm0 2v-1h-5v1zm0 2v-1H3v1z"/></svg>

Como usar o ícone Id

React

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

<Icon icon="dashicons:id" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:id" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:id" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--id]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="dashicons:id"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/dashicons/id.svg" alt="Ícone Id" width="24" height="24">

Ícones relacionados em Dashicons

O ícone Id em outras coleções

Perguntas frequentes sobre Ícone Id

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

Sim. Dashicons são publicados sob a licença GPL, que permite o uso em projetos pessoais e comerciais; versões modificadas dos arquivos dos ícones devem manter a mesma licença.

Como uso o ícone Id no React?

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

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

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

Ver todos os Dashicons →