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
Phosphor Icons
|
Développement et programmation
|
viewBox="0 0 256 256"
|
Gratuit pour usage commercial
Icône SVG code
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.
Archive avec crédits
phosphor-light-code-light.svg (682 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" fill="currentColor" width="36" height="36" role="img" aria-label="Code icon"><title>Code - Phosphor Icons icon</title><desc>Free Code vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 440 bytes.</desc><path d="M67.84,92.61,25.37,128l42.47,35.39a6,6,0,1,1-7.68,9.22l-48-40a6,6,0,0,1,0-9.22l48-40a6,6,0,0,1,7.68,9.22Zm176,30.78-48-40a6,6,0,1,0-7.68,9.22L230.63,128l-42.47,35.39a6,6,0,1,0,7.68,9.22l48-40a6,6,0,0,0,0-9.22Zm-81.79-89A6,6,0,0,0,154.36,38l-64,176A6,6,0,0,0,94,221.64a6.15,6.15,0,0,0,2,.36,6,6,0,0,0,5.64-3.95l64-176A6,6,0,0,0,162.05,34.36Z"/></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: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#phosphor
#light
#code
#development
#outline
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 | phosphor/phosphor-light-code-light |
|---|---|
| Pack de bibliothèque source | Phosphor Icons |
| Grille de coordonnées et viewBox | viewBox="0 0 256 256" |
| Poids non compresse | 682 bytes (~375 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| Upstream Source | https://github.com/phosphor-icons/core |
| 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 (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.
phosphor-light-code-light.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 Développement et programmation
Parcouriroutline
code
Bytesize Icons|interfaceoutline
code
Open Iconic|interfaceoutline
code
MingCute Icons|interfacesolid
code
MingCute Icons Fill|interfaceoutline
code
IconPark|interfacebrand
code
Dashboard Icons|brands
code
3D Vector Icons|3d-icons
Code
Fluent UI Color|development
Pvy Code Wordmark
Dashboard Icons|development
T3 Code
selfh.st Icons|development
Visual Studio Code
selfh.st Icons|development
Code Block
Fluent UI Color|development
Code Dev Sample
SVG Icons Collection|development
Action Code Off
Material Icons|development
Code Bracket Square
Heroicons|development
Code Bracket
Heroicons|development
File Code
Bootstrap Icons|development
File Earmark Code
Bootstrap Icons|development
Code Circle
Tabler Icons|development
Code Circle
Tabler Icons|development
Code Editor
OpenMoji|development
Code XML
Lucide|development
Code Brackets
IconPark|development
File Code Corner
Lucide|developmentVoir plus
Questions fréquentes
code - Questions fréquentes
Quelle licence couvre code ? +
code provient de Phosphor Icons et est couvert par MIT. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger code ? +
code est un vecteur de style outline (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 code ? +
code fait partie de la bibliothèque Phosphor Icons par Helena Zhang & Toby Fried, dans la catégorie Développement et programmation. 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.