outline
1. Couleur
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
2. Fond du canevas et transformations
3. Préréglages d’animation vectorielle en direct
Inclus dans l’export SVG
Icône SVG clé
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. clé - Gratuit pour usage commercial et personnel. Sans Inscription | 100% dans Votre Navigateur
Téléchargements instantanés vectoriels et haute résolution
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
Archive avec crédits
key.svg (930 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Key icon"><title>Key - IconPark icon</title><desc>Free Key vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 721 bytes.</desc> <path d="M22.8682 24.2982C25.4105 26.7935 26.4138 30.4526 25.4971 33.8863C24.5805 37.32 21.8844 40.0019 18.4325 40.9137C14.9806 41.8256 11.3022 40.8276 8.79375 38.2986C5.02208 34.4141 5.07602 28.2394 8.91499 24.4206C12.754 20.6019 18.9613 20.5482 22.8664 24.3L22.8682 24.2982Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M23 24L40 7" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M30.3052 16.9001L35.7337 22.3001L42.0671 16.0001L36.6385 10.6001L30.3052 16.9001Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> </svg>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? clé
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. clé
Générateur de prompt 100 % côté navigateur
Vérification de la source et de la licence
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#key
#iconpark
#interface
#outline
clé - Specifications techniques du vecteur
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. clé
| Identifiant canonique du fichier | iconpark/key |
|---|---|
| Pack de bibliothèque source | IconPark |
| Grille de coordonnées et viewBox | viewBox="0 0 48 48" |
| Poids non compresse | 930 bytes (~512 bytes gzipped) |
| Licence SPDX et usage commercial | Apache-2.0 - Gratuit pour usage commercial |
| Upstream Source | https://github.com/bytedance/IconPark |
| Formats d’export pris en charge | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantie de sécurité et de confidentialité | Sans Inscription | 100% dans Votre Navigateur |
Comment utiliser et personnaliser cette icône: clé
- Personnaliser visuellement: Couleur, Automatique (trait et remplissage), Epaisseur du trait (
0.5px-4px), Préréglages d’animation vectorielle en direct - Télécharger le vecteur ou l’image: Télécharger SVG, PNG (transparent), WebP (optimisé) (
2048x2048 px) - Copier le code framework: Copiez du code prêt pour React, Next.js, Vue 3, Svelte, Angular, HTML et les masques CSS.
- Édition vectorielle avancee: Modifier dans l’éditeur SVG (77 087)
Conseil d’accessibilité (WCAG 2.1): Masquez les icônes décoratives avec aria-hidden et focusable false. Donnez un aria-label clair aux boutons qui ne contiennent qu’une icône. Inversez les flèches horizontalement pour les langues de droite à gauche.
key.svg aria-hidden="true" focusable="false"
Correspondances dans d’autres bibliothèques ("clé")
Comparez cette icône avec d’autres bibliothèques vectorielles open source.
Plus dans Interface utilisateur (UI/UX)
Parcouriroutline
clé
Open Iconic|interface3d
clé
3D Vector Icons|3d-iconsoutline
Content How To Vote
Material Icons|interfaceoutline
Content Report Off
Material Icons|interfaceoutline
Device Floppy
Tabler Icons|interfaceoutline
Logistics Warehouse
Domain Icons|interface
Device Data Saver Off
Material Icons|interface
Device Tablet Code
Tabler Icons|interface
Media News
Domain Icons|interface
Devices Bolt
Tabler Icons|interface
Arrows Out Line Horizontal
Phosphor Icons|interface
Calendar Check
Phosphor Icons|interface
Payments Check
Domain Icons|interface
Disc
Phosphor Icons|interface
API
Ant Design TwoTone|interface
Add Circle
MingCute Icons Fill|interface
Align Vertical Distribute Center
Lucide|interface
Amphora
Lucide|interface
American Football
MingCute Icons|interface
Cursor Feather Quill
Mouse|interface
Calendar Check
SVG Icons Collection|interface
Collapse Right
Open Iconic|interface
lecture
Bytesize Icons|interface
Dial
Open Iconic|interfaceVoir plus
Questions fréquentes
clé - Questions fréquentes
Quelle licence couvre clé ? +
clé provient de IconPark et est couvert par Apache-2.0. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger clé ? +
clé est un vecteur de style outline (viewBox 0 0 48 48). Téléchargez SVG, PNG, WebP ou ICO, ou copiez le code React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 depuis cette page.
D'où vient l'icône clé ? +
clé fait partie de la bibliothèque IconPark par ByteDance Inc., dans la catégorie Interface utilisateur (UI/UX). Le texte complet de la licence se trouve dans le fichier d'avis de la bibliothèque lié sur cette page.
100% dans Votre Navigateur | 77 087 icônes
Éditeur SVG
Modifiez les chemins, les calques, les couleurs et les animations dans votre navigateur, puis exportez du SVG propre, du PNG ou du code.