Aller au contenu
SVG Nexus Icônes vectorielles et 3D
3d MIT 3 noeuds vectoriels
Key - Fluent UI Emoji iconFree Key vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 4483 bytes.
viewBox 0 0 32 32 Statique
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
Modifier dans l’éditeur SVG Ouvrir le studio vectoriel
Fluent UI Emoji | Icônes vectorielles 3D | viewBox="0 0 32 32" | Gratuit pour usage commercial

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 fluentui-emoji-key.svg (4 742 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Key icon"><title>Key - Fluent UI Emoji icon</title><desc>Free Key vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 4483 bytes.</desc>
<g filter="url(#nx17789_filter0_iii_18_23714)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0644 17.3934C21.935 18.5564 25.3474 17.9739 27.6753 15.646C30.78 12.5413 30.78 7.50754 27.6753 4.40278C24.5705 1.29802 19.5368 1.29805 16.432 4.40278C14.0968 6.73798 13.518 10.1644 14.6956 13.0406L11.2476 16.4886C10.9957 16.7405 10.8516 17.0804 10.8457 17.4366L10.8285 18.4695C10.823 18.8037 10.6817 19.1211 10.4371 19.3488C10.2396 19.5327 9.98705 19.6465 9.71845 19.6726L9.18177 19.7248C8.91395 19.7509 8.66343 19.8691 8.47313 20.0594C8.28629 20.2462 8.1688 20.4913 8.14002 20.7539L8.08167 21.2861C8.05 21.5748 7.92085 21.8441 7.71549 22.0494C7.46444 22.3005 7.12017 22.4356 6.76538 22.4223L5.96496 22.3923C5.58326 22.378 5.21287 22.5234 4.94278 22.7934L3.08423 24.652C1.88004 25.8562 1.88005 27.8086 3.08423 29.0128C4.28841 30.2169 6.24082 30.217 7.44502 29.0128L19.0644 17.3934ZM26.2248 8.37489C25.5285 9.07123 24.3995 9.07122 23.7032 8.37489C23.0068 7.67855 23.0068 6.54956 23.7032 5.85322C24.3995 5.15687 25.5285 5.15688 26.2248 5.85322C26.9212 6.54955 26.9212 7.67854 26.2248 8.37489Z" fill="url(#nx17789_paint0_linear_18_23714)"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0644 17.3934C21.935 18.5564 25.3474 17.9739 27.6753 15.646C30.78 12.5413 30.78 7.50754 27.6753 4.40278C24.5705 1.29802 19.5368 1.29805 16.432 4.40278C14.0968 6.73798 13.518 10.1644 14.6956 13.0406L11.2476 16.4886C10.9957 16.7405 10.8516 17.0804 10.8457 17.4366L10.8285 18.4695C10.823 18.8037 10.6817 19.1211 10.4371 19.3488C10.2396 19.5327 9.98705 19.6465 9.71845 19.6726L9.18177 19.7248C8.91395 19.7509 8.66343 19.8691 8.47313 20.0594C8.28629 20.2462 8.1688 20.4913 8.14002 20.7539L8.08167 21.2861C8.05 21.5748 7.92085 21.8441 7.71549 22.0494C7.46444 22.3005 7.12017 22.4356 6.76538 22.4223L5.96496 22.3923C5.58326 22.378 5.21287 22.5234 4.94278 22.7934L3.08423 24.652C1.88004 25.8562 1.88005 27.8086 3.08423 29.0128C4.28841 30.2169 6.24082 30.217 7.44502 29.0128L19.0644 17.3934ZM26.2248 8.37489C25.5285 9.07123 24.3995 9.07122 23.7032 8.37489C23.0068 7.67855 23.0068 6.54956 23.7032 5.85322C24.3995 5.15687 25.5285 5.15688 26.2248 5.85322C26.9212 6.54955 26.9212 7.67854 26.2248 8.37489Z" fill="url(#nx17789_paint1_radial_18_23714)"/>
<defs>
<filter id="nx17789_filter0_iii_18_23714" x="1.78109" y="1.92422" width="28.5727" height="28.3917" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.35" dy="-0.1"/>
<feGaussianBlur stdDeviation="0.3"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.803922 0 0 0 0 0.623529 0 0 0 0 0.294118 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23714"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-0.15"/>
<feGaussianBlur stdDeviation="0.3"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.796078 0 0 0 0 0.505882 0 0 0 0 0.411765 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18_23714" result="effect2_innerShadow_18_23714"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.4" dy="0.4"/>
<feGaussianBlur stdDeviation="0.2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.996078 0 0 0 0 0.996078 0 0 0 0 0.423529 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_18_23714" result="effect3_innerShadow_18_23714"/>
</filter>
<linearGradient id="nx17789_paint0_linear_18_23714" x1="17.8641" y1="7.45709" x2="17.4931" y2="29.939" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDC46"/>
<stop offset="1" stop-color="#F38E4A"/>
</linearGradient>
<radialGradient id="nx17789_paint1_radial_18_23714" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.3281 13.7187) rotate(136.353) scale(22.4569 11.4358)">
<stop offset="0.934938" stop-color="#F18849" stop-opacity="0"/>
<stop offset="1" stop-color="#CC6946"/>
</radialGradient>
</defs>
</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é

Ouvrir dans le générateur d’icônes IA
Générateur de prompt 100 % côté navigateur
Icône SVG clé - Fluent UI Emoji (MIT)
Vérification de la source et de la licence LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-emoji | Sans Inscription | 100% dans Votre Navigateur

Mots cles
#fluentui #emoji #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 fluentui-emoji/fluentui-emoji-key
Pack de bibliothèque source Fluent UI Emoji
Grille de coordonnées et viewBox viewBox="0 0 32 32"
Poids non compresse 4 742 bytes (~2 608 bytes gzipped)
Licence SPDX et usage commercial MIT - Gratuit pour usage commercial
Upstream Source https://github.com/microsoft/fluentui-emoji
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é

  1. Personnaliser visuellement: Couleur, Automatique (trait et remplissage), Epaisseur du trait (0.5px-4px), Préréglages d’animation vectorielle en direct
  2. Télécharger le vecteur ou l’image: Télécharger SVG, PNG (transparent), WebP (optimisé) (2048x2048 px)
  3. Copier le code framework: Copiez du code prêt pour React, Next.js, Vue 3, Svelte, Angular, HTML et les masques CSS.
  4. É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. fluentui-emoji-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.

Comparez les icônes clé dans 17 bibliothèques

Plus dans Icônes vectorielles 3D

Parcourir

Voir plus

Questions fréquentes

clé - Questions fréquentes

Quelle licence couvre clé ? +

clé provient de Fluent UI Emoji 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 32 32). 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 Fluent UI Emoji par Microsoft Corporation, 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.

Ouvrir dans l’éditeur Explorer toutes les icônes (77 087)

Tapez pour chercher parmi 77 087 icônes vectorielles...

Naviguer | Entrée pour ouvrir Explorer toutes les icônes

Comparer

Source et licence de l’icône

Licence Usage commercial Attribution Modifier ou recolorer
MITAutoriseNotice dans le paquetAutorise
ISCAutoriseNotice dans le paquetAutorise
Apache-2.0AutoriseRequis avec fichier de noticeAutorise
CC BY 4.0AutoriseCrédit obligatoireAutorise
CC-BY-SA-4.0AutorisePartage à l’identiquePartage à l’identique
CC BY-ND 2.0 / 4.0AutoriseCrédit obligatoireNo derivative works or modified copies
Trademark / BrandUsage referentiel uniquementRègles du propriétaireRestreint

Aperçu de l’icône