ICONYZ
Français
Icône Keycap 5 de Emoji One (v1)

Icône Keycap 5

emojione-v1:keycap-5

L'icône Keycap 5 (emojione-v1:keycap-5) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (v1)
Auteur
Emoji One
Licence
CC-BY-SA-4.0
Taille
64 × 64
Catégorie
Symboles
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans Emoji One (v1)

L'icône Keycap 5 dans d'autres collections

FAQ : Icône Keycap 5

L'icône Keycap 5 est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Keycap 5 dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:keycap-5" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Keycap 5 à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/keycap-5.svg" alt="Icône Keycap 5">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →