outline
3d
MIT
18 noeuds vectoriels
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
code - Icônes vectorielles et 3D
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. code - 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.
code.svg (3,712 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="Code 3D icon" width="36" height="36"><title>Code</title><defs><linearGradient id="nx21057_code-1" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#7dd3fc"/><stop offset="1" stop-color="#22d3ee"/></linearGradient><radialGradient id="nx21057_code-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><linearGradient id="nx21057_code-3" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#99a0aa"/><stop offset="0.45" stop-color="#334155"/><stop offset="1" stop-color="#232c3a"/></linearGradient><linearGradient id="nx21057_code-4" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity="0.6"/><stop offset="0.5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><ellipse cx="128" cy="230" rx="82" ry="9" fill="url(#nx21057_code-2)"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(5.6 14)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(4.8 12)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(4 10)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(3.2 8)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(2.4 6)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(1.6 4)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(0.8 2)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" fill="url(#nx21057_code-3)"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" fill="url(#nx21057_code-4)"/><path d="M106,96L74,128L106,160" fill="none" stroke="#0891b2" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity=".5" transform="translate(0 5)"/><path d="M150,96L182,128L150,160" fill="none" stroke="#0891b2" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity=".5" transform="translate(0 5)"/><path d="M138,88L118,168" fill="none" stroke="#0891b2" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity=".5" transform="translate(0 5)"/><path d="M106,96L74,128L106,160" fill="none" stroke="url(#nx21057_code-1)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M150,96L182,128L150,160" fill="none" stroke="url(#nx21057_code-1)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M138,88L118,168" fill="none" stroke="url(#nx21057_code-1)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/></svg>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? code
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. code
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
#code
#3d
#svg
#icons
#code svg
#code icon
#code 3d vector icons
#code react tsx
#code vue
#code png
Populaire dans votre langue
icônes svg gratuites
télécharger icônes vectorielles
convertisseur svg en png
éditeur svg en ligne gratuit
icônes 3d svg
composant react svg
optimiser fichier svg
animer svg css
icônes usage commercial
bibliothèque icônes svg
code - 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. code
| Identifiant canonique du fichier | 3d-svg-icons/code |
|---|---|
| Pack de bibliotheque source | 3D Vector Icons |
| Grille de coordonnées et viewBox | viewBox="0 0 256 256" |
| Poids non compresse | 3,712 bytes (~2,042 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: code
- 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 (optimise) (
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 (76,166)
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.
code.svg aria-hidden="true" focusable="false"
Correspondances dans d’autres bibliothèques ("code")
Comparez cette icône avec d’autres bibliothèques vectorielles open source.
Plus dans Icônes vectorielles 3D
Parcourir
3d
Profile 3d Sec Audited Lvl1 15
3D Vector Icons|3d-icons
3d
Profile 3d Sec Audited Lvl1 25
3D Vector Icons|3d-icons
3d
Profile 3d Sec Audited Lvl1 35
3D Vector Icons|3d-icons
3d
Profile 3d Sec Audited Lvl1 45
3D Vector Icons|3d-icons
3d
Profile 3d Sec Fido2 Lvl2 6
3D Vector Icons|3d-icons
3d
Profile 3d Sec Fido2 Lvl2 16
3D Vector Icons|3d-icons
Profile 3d Sec Fido2 Lvl2 26
3D Vector Icons|3d-icons
Profile 3d Sec Fido2 Lvl2 36
3D Vector Icons|3d-icons
Profile 3d Sec Fido2 Lvl2 46
3D Vector Icons|3d-icons
Profile 3d Sec Multisig Lvl3 7
3D Vector Icons|3d-icons
Profile 3d Sec Multisig Lvl3 17
3D Vector Icons|3d-icons
Profile 3d Sec Multisig Lvl3 27
3D Vector Icons|3d-iconsVoir plus
Questions fréquentes
code - Questions fréquentes
L icône SVG code est-elle gratuite pour un usage commercial ? +
Oui. L icône code de la collection 3D Vector Icons est publiée sous licence MIT pour vos projets web et commerciaux.
L icône code conserve-t-elle ses couleurs par défaut au téléchargement ? +
Oui, code garde ses couleurs d’origine sauf si vous sélectionnez une nouvelle couleur dans l’éditeur.
Comment intégrer l’icône code dans React ou Vue ? +
Ouvrez l’onglet React TSX ou Vue 3 sur cette page et cliquez sur Copy SVG. Collez le composant dans votre projet et stylez-le avec CSS ou Tailwind.
Puis-je télécharger code en PNG transparent ? +
Oui, sélectionnez une taille jusqu’à 2048 px et cliquez sur Télécharger PNG.
Comment animer l’icône code en CSS ? +
Cliquez sur une animation comme Rotation ou Pulsation dans l’éditeur pour inclure les keyframes CSS.
Puis-je créer un prompt IA pour l’icône code ? +
Oui, utilisez le générateur de prompt IA sur cette page pour obtenir une description prête pour Midjourney ou DALL-E.
Puis-je redimensionner l’icône code sans perdre en qualité ? +
Oui. Le fichier code est un vecteur avec un viewBox extensible : il reste net à 16px, 64px, 512px ou en impression.
Où signaler un problème avec le fichier code ? +
Écrivez à support@svgnexus.com avec l’adresse de l’icône. Les questions de licence pour code vont à legal@svgnexus.com.
100% dans Votre Navigateur | 76,166 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.