Icône Key
et:key
L'icône Key (et:key) est une icône SVG gratuite de la collection Elegant par Kenny Sing. Elle est dessinée sur une grille de 32 × 32. Les Elegant icons sont publiées sous la licence GPL 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Elegant
- Auteur
- Kenny Sing
- Licence
- GPL-3.0-or-later
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.683 14.698a.5.5 0 0 0 .33-.124L26.33 4.652l-.66-.752l-11.317 9.921a.5.5 0 0 0 .33.877"/><path d="M10.188 32C16.33 32 20 27.17 20 22.5c0-1.346-.322-2.829-.798-3.792l4.522-2.261A.5.5 0 0 0 24 16v-4h3l.113-.006c.666-.045.865-.257.887-.994V7h3c.129 0 .218.014.278.023c.121.019.347.054.543-.122c.202-.18.193-.408.185-.609Q32.001 6.186 32 6V1.469A1.47 1.47 0 0 0 30.531 0h-3.875a1.48 1.48 0 0 0-.969.364L12.5 11.924c-.649-.13-1.63-.299-2.313-.299C4.57 11.625 0 16.195 0 21.812S4.57 32 10.188 32m0-19.375c.501 0 1.359.12 2.354.328a.5.5 0 0 0 .432-.113L26.345 1.118A.47.47 0 0 1 26.656 1h3.875c.259 0 .469.21.469.469V6h-3.5a.5.5 0 0 0-.5.5V11h-3.5a.5.5 0 0 0-.5.5v4.191l-4.724 2.362a.5.5 0 0 0-.182.74c.44.607.906 2.114.906 3.707c0 4.178-3.296 8.5-8.812 8.5C5.122 31 1 26.878 1 21.812s4.122-9.187 9.188-9.187"/><path d="M8.5 27c1.93 0 3.5-1.57 3.5-3.5S10.43 20 8.5 20S5 21.57 5 23.5S6.57 27 8.5 27m0-6c1.378 0 2.5 1.122 2.5 2.5S9.878 26 8.5 26S6 24.878 6 23.5S7.122 21 8.5 21"/></g></svg>
Comment utiliser l'icône Key
React
import { Icon } from "@iconify/react";
<Icon icon="et:key" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:key" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:key" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--key]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:key"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:key"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/et/key.svg" alt="Icône Key" width="24" height="24">
L'icône Key dans d'autres collections
FAQ : Icône Key
L'icône Key est-elle gratuite pour un usage commercial ?
Oui. Les Elegant icons sont publiées sous la licence GPL 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence.
Comment utiliser l'icône Key dans React ?
Installez @iconify/react et affichez <Icon icon="et:key" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Key à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/et/key.svg" alt="Icône Key">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Elegant →
ICONYZ
