Icône File Type Red

vscode-icons:file-type-red

L'icône File Type Red (vscode-icons:file-type-red) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: VSCode Icons
Auteur: Roberto Huertas
Licence: MIT
Taille: 32 × 32
Mots-clés: filetype, typered, filetypered

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGGkOCIeZk" x1="-547.975" x2="-547" y1="-244.974" y2="-244.974" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eea831"/><stop offset="1" stop-color="#ffc929"/></linearGradient><linearGradient id="SVGJknVZd9g" x1="-547" x2="-544.762" y1="-247.171" y2="-247.171" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b32629"/><stop offset=".583" stop-color="#8c1e21"/><stop offset="1" stop-color="#7a1a1d"/></linearGradient><linearGradient id="SVGFJHXfduf" x1="-547" x2="-546.025" y1="-244.974" y2="-244.974" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e8a333"/><stop offset=".612" stop-color="#c68931"/><stop offset="1" stop-color="#ab762f"/></linearGradient><linearGradient id="SVG6PN03b4W" x2="-543.5" y1="-249.368" y2="-249.368" href="#SVGJknVZd9g"/><linearGradient id="SVGpajdab2d" x1="-550.5" x2="-547" y1="-249.368" y2="-249.368" gradientTransform="matrix(4 0 0 -4 2204 -974)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ae2524"/><stop offset=".563" stop-color="#d01d19"/><stop offset="1" stop-color="#ed1913"/></linearGradient><linearGradient id="SVGEmUtNbNW" x1="-549.238" y1="-247.171" y2="-247.171" href="#SVGpajdab2d"/></defs><path fill="url(#SVGGkOCIeZk)" d="M16 9.792V2l-3.903 5.77z"/><path fill="url(#SVGJknVZd9g)" d="M16 12.097v7.806l8.952-4.667l-3.904-5.769z"/><path fill="url(#SVGFJHXfduf)" d="m16 9.792l3.903-2.022L16 2z"/><path fill="url(#SVG6PN03b4W)" d="M26.097 16.947L16 22.208V30l14-7.283z"/><path fill="url(#SVGpajdab2d)" d="M2 22.717L16 30v-7.792L5.903 16.947z"/><path fill="url(#SVGEmUtNbNW)" d="m10.952 9.467l-3.904 5.769L16 19.903v-7.806z"/></svg>

Comment utiliser l'icône File Type Red

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-red" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-red" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-red" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-red]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-red"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-red"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-red.svg" alt="Icône File Type Red" width="24" height="24">

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Red

L'icône File Type Red est-elle gratuite pour un usage commercial ?

Oui. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône File Type Red dans React ?

Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-red" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône File Type Red à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-red.svg" alt="Icône File Type Red">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les VSCode Icons →