Ícone File Type Red

vscode-icons:file-type-red

O ícone File Type Red (vscode-icons:file-type-red) é um ícone SVG gratuito da coleção VSCode Icons de Roberto Huertas. Ele é desenhado em uma grade de 32 × 32. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: VSCode Icons
Autor: Roberto Huertas
Licença: MIT
Tamanho: 32 × 32
Tags: filetype, typered, filetypered

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em VSCode Icons

Perguntas frequentes sobre Ícone File Type Red

O ícone File Type Red é grátis para uso comercial?

Sim. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone File Type Red no React?

Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-red" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone File Type Red a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-red.svg" alt="Ícone File Type Red">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os VSCode Icons →