Icône Key Card
game-icons:key-card
L'icône Key Card (game-icons:key-card) est une icône SVG gratuite de la collection Game Icons par GameIcons. Elle est dessinée sur une grille de 512 × 512. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Game Icons
- Auteur
- GameIcons
- Licence
- CC-BY-3.0
- Taille
- 512 × 512
- Mots-clés
- keycard
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M328.9 17.89h-1.8c-8.2.27-18.6 2.98-31.8 8.59L59.61 126.4c-21.18 8.9-31.79 17.7-35.74 27.5c-3.95 9.7-2.41 23.4 6.57 44.6l49.95 117.8c8.97 21.2 17.72 31.8 27.51 35.7c9.7 4 23.4 2.5 44.6-6.5l235.7-99.9c13.5-5.7 22.7-11.3 28.6-17.2c4.5 5.5 8.7 11.6 12.2 18.2c3.8 7 6.8 14.4 8.9 21.8c-2.5-.3-5.1-.4-7.7-.4c-14.1.3-28.1 5.7-39.2 16.2c-20.6 19.6-24.2 50.4-10.1 73.8l-50.2 47.7l-22-5.9l.8 26.1l-27.4-.8l-2.6 29.4l-23.7-4.4l4.6 22.5l-17 21.5l62.8-10.9l104.9-100c20.2 7.5 43.7 3.4 60.5-12.6c23.7-22.5 24.9-59.9 2.5-83.9c-4.9-5.2-10.4-9.3-16.4-12.3c-2.1-12.5-6.7-24.9-12.8-36.3c-5.4-10-11.9-19.3-19.2-27c1.1-9.1-1.4-21.1-8.4-37.6L367.4 55.67c-8.9-21.17-17.7-31.78-27.5-35.74c-3.2-1.3-6.8-2-11-2.04m-15.6 50.96l7 16.58l-132.6 56.17l-7-16.6zm14.9 38.25l7 16.6l-73.7 31.2l-7-16.6zm-189.7 18.4L208 289.4l-90.3 38.2L51.81 172l-3.51-8.3zm206 17l7 16.6l-88.4 37.4l-7-16.6zm-215.6 6.6l-57 24.2L127.3 304l57.1-24.2zm255.7 25c13.1 0 23.9 10.3 24.9 23.1c-8.9-6-18.7-9.6-28.6-8.9c-1.7.1-3.4.3-5.1.7l4 17.6c6-1.4 14.6 1.2 23.8 8.5c0 0 .1 0 .1.1c-4.6 5.4-11.5 8.9-19.1 8.9c-13.7 0-25-11.3-25-25s11.3-25 25-25m53.7 120.1c.8 0 1.6 0 2.4.1c-.9 8.9-4.1 16.5-10.1 22.5l12.6 12.8c7.7-7.7 12.3-17.1 14.4-27.2c9.7 10.5 9.2 27.1-1.1 36.9c-10.4 9.9-26.9 9.4-36.6-1c-9.8-10.5-9.2-27.2 1.1-37c4.9-4.6 11.1-6.9 17.3-7.1"/></svg>Comment utiliser l'icône Key Card
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:key-card" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:key-card" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:key-card" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--key-card]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:key-card"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:key-card"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/game-icons/key-card.svg" alt="Icône Key Card" width="24" height="24">Icônes similaires dans Game Icons
L'icône Key Card dans d'autres collections
FAQ : Icône Key Card
L'icône Key Card est-elle gratuite pour un usage commercial ?
Oui. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Key Card dans React ?
Installez @iconify/react et affichez <Icon icon="game-icons:key-card" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Key Card à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/game-icons/key-card.svg" alt="Icône Key Card">, ou collez le code SVG directement dans la page pour le styliser en CSS.