Ícone Id Button

emojione-v1:id-button

O ícone Id Button (emojione-v1:id-button) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (v1)
Autor: Emoji One
Licença: CC-BY-SA-4.0
Tamanho: 64 × 64
Categoria: Símbolos
Tags: idbutton

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#724198" d="M63.79 56.914a6.873 6.873 0 0 1-6.874 6.88H6.874A6.876 6.876 0 0 1 0 56.914V6.875A6.876 6.876 0 0 1 6.874 0h50.042c3.8 0 6.874 3.08 6.874 6.875z"/><path fill="#fff" d="M5.02 49.09V13.03q-.001-2.811 1.28-4.219q1.28-1.403 3.31-1.403q2.093 0 3.384 1.391c.866.925 1.299 2.338 1.299 4.23v36.06q0 2.843-1.299 4.246q-1.29 1.404-3.384 1.405q-2 0-3.292-1.421q-1.3-1.42-1.298-4.229M26.335 8.192h12.08q4.714 0 8.09.876q3.372.871 6.119 3.28q7.15 6.118 7.15 18.607q0 4.118-.718 7.522q-.719 3.405-2.218 6.136a19 19 0 0 1-3.843 4.885a15.9 15.9 0 0 1-4.02 2.657a18.3 18.3 0 0 1-4.703 1.402c-1.671.269-3.562.407-5.662.407H26.53q-2.533 0-3.809-.766q-1.281-.763-1.671-2.157q-.39-1.384-.39-3.604V13.875q0-2.998 1.34-4.338c.899-.896 2.343-1.345 4.344-1.345m3.588 7.339v31.07h7.03q2.31-.001 3.619-.125a11.3 11.3 0 0 0 2.718-.625a7.4 7.4 0 0 0 2.434-1.403q4.653-3.936 4.654-13.552q0-6.775-2.046-10.146q-2.045-3.373-5.04-4.291q-2.998-.923-7.246-.923h-6.117"/></svg>

Como usar o ícone Id Button

React

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

<Icon icon="emojione-v1:id-button" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:id-button" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:id-button" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-v1:id-button"></iconify-icon>

Imagem HTML

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

O ícone Id Button em outras coleções

Perguntas frequentes sobre Ícone Id Button

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

Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Id Button no React?

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

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

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

Ver todos os Ícones Emoji One (v1) →