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 (3 749 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Key 3D icon" width="36" height="36"><title>Key</title><defs><linearGradient id="nx25251_key-1" x1="40" y1="40" x2="220" y2="220" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fde5a7"/><stop offset="0.5" stop-color="#fbbf24"/><stop offset="1" stop-color="#a37c17"/></linearGradient><radialGradient id="nx25251_key-2" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#000" stop-opacity="0.28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient></defs><ellipse cx="128" cy="230" rx="70" ry="8" fill="url(#nx25251_key-2)"/><g transform="rotate(30 128 128) translate(-8 8)"><path d="M40,100a44,44 0 1 0 88,0a44,44 0 1 0 -88,0ZM68,100a16,16 0 1 0 32,0a16,16 0 1 0 -32,0ZM125,88H209A13,13 0 0 1 222,101V101A13,13 0 0 1 209,114H125A13,13 0 0 1 112,101V101A13,13 0 0 1 125,88ZM182,112H192A6,6 0 0 1 198,118V138A6,6 0 0 1 192,144H182A6,6 0 0 1 176,138V118A6,6 0 0 1 182,112ZM210,112H216A6,6 0 0 1 222,118V130A6,6 0 0 1 216,136H210A6,6 0 0 1 204,130V118A6,6 0 0 1 210,112Z" transform="translate(4 10)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round" fill-rule="evenodd"/><path d="M40,100a44,44 0 1 0 88,0a44,44 0 1 0 -88,0ZM68,100a16,16 0 1 0 32,0a16,16 0 1 0 -32,0ZM125,88H209A13,13 0 0 1 222,101V101A13,13 0 0 1 209,114H125A13,13 0 0 1 112,101V101A13,13 0 0 1 125,88ZM182,112H192A6,6 0 0 1 198,118V138A6,6 0 0 1 192,144H182A6,6 0 0 1 176,138V118A6,6 0 0 1 182,112ZM210,112H216A6,6 0 0 1 222,118V130A6,6 0 0 1 216,136H210A6,6 0 0 1 204,130V118A6,6 0 0 1 210,112Z" transform="translate(3.2 8)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round" fill-rule="evenodd"/><path d="M40,100a44,44 0 1 0 88,0a44,44 0 1 0 -88,0ZM68,100a16,16 0 1 0 32,0a16,16 0 1 0 -32,0ZM125,88H209A13,13 0 0 1 222,101V101A13,13 0 0 1 209,114H125A13,13 0 0 1 112,101V101A13,13 0 0 1 125,88ZM182,112H192A6,6 0 0 1 198,118V138A6,6 0 0 1 192,144H182A6,6 0 0 1 176,138V118A6,6 0 0 1 182,112ZM210,112H216A6,6 0 0 1 222,118V130A6,6 0 0 1 216,136H210A6,6 0 0 1 204,130V118A6,6 0 0 1 210,112Z" transform="translate(2.4 6)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round" fill-rule="evenodd"/><path d="M40,100a44,44 0 1 0 88,0a44,44 0 1 0 -88,0ZM68,100a16,16 0 1 0 32,0a16,16 0 1 0 -32,0ZM125,88H209A13,13 0 0 1 222,101V101A13,13 0 0 1 209,114H125A13,13 0 0 1 112,101V101A13,13 0 0 1 125,88ZM182,112H192A6,6 0 0 1 198,118V138A6,6 0 0 1 192,144H182A6,6 0 0 1 176,138V118A6,6 0 0 1 182,112ZM210,112H216A6,6 0 0 1 222,118V130A6,6 0 0 1 216,136H210A6,6 0 0 1 204,130V118A6,6 0 0 1 210,112Z" transform="translate(1.6 4)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round" fill-rule="evenodd"/><path d="M40,100a44,44 0 1 0 88,0a44,44 0 1 0 -88,0ZM68,100a16,16 0 1 0 32,0a16,16 0 1 0 -32,0ZM125,88H209A13,13 0 0 1 222,101V101A13,13 0 0 1 209,114H125A13,13 0 0 1 112,101V101A13,13 0 0 1 125,88ZM182,112H192A6,6 0 0 1 198,118V138A6,6 0 0 1 192,144H182A6,6 0 0 1 176,138V118A6,6 0 0 1 182,112ZM210,112H216A6,6 0 0 1 222,118V130A6,6 0 0 1 216,136H210A6,6 0 0 1 204,130V118A6,6 0 0 1 210,112Z" transform="translate(0.8 2)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round" fill-rule="evenodd"/><path d="M40,100a44,44 0 1 0 88,0a44,44 0 1 0 -88,0ZM68,100a16,16 0 1 0 32,0a16,16 0 1 0 -32,0ZM125,88H209A13,13 0 0 1 222,101V101A13,13 0 0 1 209,114H125A13,13 0 0 1 112,101V101A13,13 0 0 1 125,88ZM182,112H192A6,6 0 0 1 198,118V138A6,6 0 0 1 192,144H182A6,6 0 0 1 176,138V118A6,6 0 0 1 182,112ZM210,112H216A6,6 0 0 1 222,118V130A6,6 0 0 1 216,136H210A6,6 0 0 1 204,130V118A6,6 0 0 1 210,112Z" fill="url(#nx25251_key-1)" fill-rule="evenodd"/></g></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: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#key
#3d
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 | 3d-svg-icons/key |
|---|---|
| Pack de bibliothèque source | 3D Vector Icons |
| Grille de coordonnées et viewBox | viewBox="0 0 256 256" |
| Poids non compresse | 3 749 bytes (~2 062 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| 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 Icônes vectorielles 3D
Parcouriroutline
clé
Open Iconic|interfaceoutline
clé
IconPark|interface3d
Old Key
Fluent UI Emoji|3d-icons3d
Person Kneeling Facing Right Medium Dark
Fluent UI Emoji|3d-iconsoutline
Cube Off
Tabler Icons|3d-iconsoutline
Cube Transparent
Phosphor Icons|3d-icons
3D Cursor Orbit
Mouse|3d-icons
Cursor 3D Busy Spinner
Mouse|3d-icons
Cube 3D
MingCute Icons|3d-icons
Blockchain Cube
Domain Icons|3d-icons
Person Lifting Weights Medium Dark
Fluent UI Emoji|3d-icons
3D Classic
Mouse|3d-icons
Key
3D Vector Icons|security
3D Cyber Security Vault Key
3D Vector Icons|3d-icons
3D AI Bimodal Perception Unit
3D Vector Icons|3d-icons
3D AI Generative Neural Diffusion
3D Vector Icons|3d-icons
3D AI Transformer Cross Attention
3D Vector Icons|3d-icons
3D Brand Adidas
3D Vector Icons|3d-icons
3D Brand Adidas
3D Vector Icons|3d-icons
3D Brand Apple
3D Vector Icons|3d-icons
3D Brand Bitcoin
3D Vector Icons|3d-icons
3D Brand F1 Race
3D Vector Icons|3d-icons
3D Brand Google G3d
3D Vector Icons|3d-icons
3D Brand Mcdonalds
3D Vector Icons|3d-iconsVoir plus
Questions fréquentes
clé - Questions fréquentes
Quelle licence couvre clé ? +
clé provient de 3D Vector Icons et est couvert par MIT. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger clé ? +
clé est un vecteur de style 3d (viewBox 0 0 256 256). 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 3D Vector Icons par SVG Nexus 3D Studio, dans la catégorie Icônes vectorielles 3D. 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.