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
tabler-filled-key.svg (918 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 24 24" fill="currentColor" width="36" height="36" role="img" aria-label="Key icon"><title>Key - Tabler Icons icon</title><desc>Free Key vector icon from the Tabler Icons open-source icon library; solid style, MIT licence, viewBox 0 0 24 24, 755 bytes.</desc> <path d="M14.52 2c1.029 0 2.015 .409 2.742 1.136l3.602 3.602a3.877 3.877 0 0 1 0 5.483l-2.643 2.643a3.88 3.88 0 0 1 -4.941 .452l-.105 -.078l-5.882 5.883a3 3 0 0 1 -1.68 .843l-.22 .027l-.221 .009h-1.172c-1.014 0 -1.867 -.759 -1.991 -1.823l-.009 -.177v-1.172c0 -.704 .248 -1.386 .73 -1.96l.149 -.161l.414 -.414a1 1 0 0 1 .707 -.293h1v-1a1 1 0 0 1 .883 -.993l.117 -.007h1v-1a1 1 0 0 1 .206 -.608l.087 -.1l1.468 -1.469l-.076 -.103a3.9 3.9 0 0 1 -.678 -1.963l-.007 -.236c0 -1.029 .409 -2.015 1.136 -2.742l2.643 -2.643a3.88 3.88 0 0 1 2.741 -1.136m.495 5h-.02a2 2 0 1 0 0 4h.02a2 2 0 1 0 0 -4" /> </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: Tabler Icons | Author: Paweł Kuna | License: MIT | Source: https://github.com/tabler/tabler-icons | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#tabler
#filled
#key
#interface
#solid
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 | tabler/tabler-filled-key |
|---|---|
| Pack de bibliothèque source | Tabler Icons |
| Grille de coordonnées et viewBox | viewBox="0 0 24 24" |
| Poids non compresse | 918 bytes (~505 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| Upstream Source | https://github.com/tabler/tabler-icons |
| 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.
tabler-filled-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
clé
IconPark|interfaceoutline
Key
Lucide|interfacesolid
Action API
Material Icons|interfacesolid
Box2
Bootstrap Icons|interface
Calendar2 Check
Bootstrap Icons|interface
Action Face
Material Icons|interface
Action Mark As Unread
Material Icons|interface
Dice
Bootstrap Icons|interface
Tech Circuit
Domain Icons|interface
Champagne
Phosphor Icons|interface
Cursor Text
Phosphor Icons|interface
Dice Six
Phosphor Icons|interface
Appstore
Ant Design TwoTone|interface
Aperture
Open Iconic|interface
Accessibility Access
Domain Icons|interface
avion
MingCute Icons Fill|interface
Accessibility Ear
Domain Icons|interface
Afferent Three
IconPark|interface
Align Right
MingCute Icons|interface
Environment
Ant Design TwoTone|interface
Anniversary
MingCute Icons|interface
Align Text Bottom
IconPark|interfaceVoir plus
Questions fréquentes
clé - Questions fréquentes
Quelle licence couvre clé ? +
clé provient de Tabler 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 solid (viewBox 0 0 24 24). 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 Tabler Icons par Paweł Kuna, 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.