Aller au contenu
SVG Nexus Icônes vectorielles et 3D
duotone MIT 4 noeuds vectoriels
Code Block - Fluent UI Color iconFree Code Block vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 48 48, 1452 bytes.
viewBox 0 0 48 48 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 Color | Développement et programmation | viewBox="0 0 48 48" | Gratuit pour usage commercial

Icône SVG Code Block

La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. Code Block - 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-color-code-block-48-color.svg (1 717 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct 
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Code Block icon"><title>Code Block - Fluent UI Color icon</title><desc>Free Code Block vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 48 48, 1452 bytes.</desc>
<path d="M12 6C8.68629 6 6 8.68629 6 12V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V12C42 8.68629 39.3137 6 36 6H12Z" fill="url(#nx1894_paint0_linear_378174_10323)"/>
<path d="M20.8839 15.3661C21.372 15.8543 21.372 16.6457 20.8839 17.1339L14.0178 24L20.8839 30.8661C21.372 31.3543 21.372 32.1457 20.8839 32.6339C20.3957 33.122 19.6043 33.122 19.1161 32.6339L11.3661 24.8839C10.878 24.3957 10.878 23.6043 11.3661 23.1161L19.1161 15.3661C19.6043 14.878 20.3957 14.878 20.8839 15.3661ZM28.8839 15.3661L36.6339 23.1161C37.122 23.6043 37.122 24.3957 36.6339 24.8839L28.8839 32.6339C28.3957 33.122 27.6043 33.122 27.1161 32.6339C26.628 32.1457 26.628 31.3543 27.1161 30.8661L33.9822 24L27.1161 17.1339C26.628 16.6457 26.628 15.8543 27.1161 15.3661C27.6043 14.878 28.3957 14.878 28.8839 15.3661Z" fill="url(#nx1894_paint1_linear_378174_10323)"/>
<defs>
<linearGradient id="nx1894_paint0_linear_378174_10323" x1="14.7776" y1="6" x2="34.5203" y2="42" gradientUnits="userSpaceOnUse">
<stop offset="0.0281195" stop-color="#E67EEA"/>
<stop offset="0.43755" stop-color="#AD64D7"/>
<stop offset="1" stop-color="#794DC5"/>
</linearGradient>
<linearGradient id="nx1894_paint1_linear_378174_10323" x1="17.1646" y1="15.6924" x2="28.0337" y2="42.7855" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFDFD"/>
<stop offset="1" stop-color="#F9DCFA"/>
</linearGradient>
</defs>
</svg>
Prompt IA et amelioration vectorielle

Vous voulez améliorer ou restyler cette icône ? Code Block

Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. Code Block

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

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

Mots cles
#fluentui #color #code #block #development #duotone

Code Block - 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 Block

Identifiant canonique du fichier fluentui-color/fluentui-color-code-block-48-color
Pack de bibliothèque source Fluent UI Color
Grille de coordonnées et viewBox viewBox="0 0 48 48"
Poids non compresse 1 717 bytes (~944 bytes gzipped)
Licence SPDX et usage commercial MIT - Gratuit pour usage commercial
Upstream Source https://github.com/microsoft/fluentui-system-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: Code Block

  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-color-code-block-48-color.svg aria-hidden="true" focusable="false"

Plus dans Développement et programmation

Parcourir

Voir plus

Questions fréquentes

Code Block - Questions fréquentes

Quelle licence couvre Code Block ? +

Code Block provient de Fluent UI Color et est couvert par MIT. Attribution : Crédit obligatoire.

Dans quels formats puis-je télécharger Code Block ? +

Code Block est un vecteur de style duotone (viewBox 0 0 48 48). 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 Block ? +

Code Block fait partie de la bibliothèque Fluent UI Color par Microsoft Corporation, 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.

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