Ícone Keycap 5

emojione-v1:keycap-5

O ícone Keycap 5 (emojione-v1:keycap-5) é 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

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1b75bb" d="M63.792 56.914a6.875 6.875 0 0 1-6.878 6.88H6.874A6.875 6.875 0 0 1 0 56.914V6.875A6.875 6.875 0 0 1 6.874 0h50.041a6.876 6.876 0 0 1 6.878 6.875z"/><path fill="#fff" d="M41.24 17.684H27.544l-1.646 9.341q4.092-2.19 7.556-2.191q2.764 0 5.175 1.039q2.404 1.038 4.225 2.869c1.821 1.831 2.163 2.667 2.856 4.34q1.034 2.51 1.035 5.393q.001 4.179-1.874 7.61q-1.873 3.433-5.403 5.449q-3.533 2.02-8.146 2.02q-5.162 0-8.376-1.904c-3.214-1.904-3.658-2.724-4.554-4.37c-.897-1.642-1.34-3.08-1.34-4.309c0-.75.306-1.462.935-2.134q.934-1.01 2.349-1.01c1.613 0 2.814.935 3.607 2.796c.766 1.713 1.803 3.041 3.11 3.993a7.27 7.27 0 0 0 4.381 1.429q2.22-.001 3.896-1.154c1.115-.768 1.973-1.826 2.582-3.17q.904-2.021.905-4.586q.002-2.768-.981-4.728q-.979-1.961-2.624-2.928q-1.644-.965-3.66-.966c-1.654 0-2.833.2-3.547.605q-1.064.608-3.072 2.118q-2.005 1.516-3.296 1.517q-1.417 0-2.512-1.022c-.732-.687-1.097-1.458-1.097-2.324c0-.094.11-.749.319-1.959l2.424-13.812q.399-2.478 1.497-3.603q1.092-1.124 3.574-1.125h15.225q4.498 0 4.499 3.433c0 .997-.369 1.805-1.096 2.422q-1.103.918-3.23.919"/></svg>

Como usar o ícone Keycap 5

React

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

<Icon icon="emojione-v1:keycap-5" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:keycap-5" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:keycap-5" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-v1:keycap-5"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/keycap-5.svg" alt="Ícone Keycap 5" width="24" height="24">

Ícones relacionados em Emoji One (v1)

O ícone Keycap 5 em outras coleções

Perguntas frequentes sobre Ícone Keycap 5

O ícone Keycap 5 é 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 Keycap 5 no React?

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

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

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

Ver todos os Ícones Emoji One (v1) →