ICONYZ
Português (Brasil)
Ícone Id Alt de Dashicons

Ícone Id Alt

dashicons:id-alt

O ícone Id Alt (dashicons:id-alt) é 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
Tags
idalt
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 18H2V2h16zM8.05 7.53q.195-.105.33-.24c.09-.1.17-.21.24-.34c.07-.14.13-.26.17-.37s.07-.22.1-.34L8.95 6c0-.04.01-.07.01-.09c.05-.32.03-.61-.04-.9c-.08-.28-.23-.52-.46-.72C8.23 4.1 7.95 4 7.6 4c-.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-.09M16 5V4h-5v1zm0 2V6h-5v1zM7.62 8.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-.33zM16 9V8h-3v1zm0 2v-1h-3v1zm0 3v-1H4v1zm0 2v-1H4v1z"/></svg>

Como usar o ícone Id Alt

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

Ícones relacionados em Dashicons

Perguntas frequentes sobre Ícone Id Alt

O ícone Id Alt é 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 Alt no React?

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

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

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

Ver todos os Dashicons →