Icono File Type Bosque

vscode-icons:file-type-bosque

El icono File Type Bosque (vscode-icons:file-type-bosque) es un icono SVG gratuito de la colección VSCode Icons de Roberto Huertas. Está dibujado en una cuadrícula de 32 × 32. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: VSCode Icons
Autor: Roberto Huertas
Licencia: MIT
Tamaño: 32 × 32
Etiquetas: filetype, typebosque, filetypebosque

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#206e20" d="M17.636 16.215v-6.1c0-.327-.054-.285.331-.285H30v6.379h-5.34Z"/><path fill="#247b24" d="M17.634 16.215H30v6.379H17.634z"/><path fill="#1c601c" d="M29.949 3.813A1.19 1.19 0 0 0 28.859 3H10.22a1.18 1.18 0 0 0-1.2.939a1 1 0 0 0-.02.212V9.83h21V3.938c-.045-.03-.037-.083-.051-.125"/><path fill="#288928" d="M19.7 22.592H9V27.9a.6.6 0 0 0 .013.112A1.17 1.17 0 0 0 10.2 29h18.586a1.17 1.17 0 0 0 1.17-.854c.01-.029 0-.069.044-.082v-5.472Z"/><path fill="#107c10" d="M18.322 9.07a1.2 1.2 0 0 0-.111-.508a1.32 1.32 0 0 0-1.263-.823Q12.973 7.73 9 7.735H3.387A1.36 1.36 0 0 0 2 9.069v13.784a1.363 1.363 0 0 0 1.313 1.411h13.526a2 2 0 0 0 .347-.024a1.35 1.35 0 0 0 1.14-1.307Q18.325 16 18.322 9.07"/><path fill="#fefefe" d="M13.785 21.26h-1.239c-.084 0-.081-.069-.1-.116q-.524-1.4-1.043-2.8l-.954-2.557l-.035-.088c-.056.008-.054.055-.068.085L7.9 21.134a.18.18 0 0 1-.2.129c-.381-.008-.764 0-1.163 0l.514-1.143q1.353-3 2.706-5.991a.25.25 0 0 0 .006-.214c-.155-.41-.3-.822-.457-1.233a1.7 1.7 0 0 0-.219-.426a.93.93 0 0 0-.787-.416h-.531c-.088 0-.123-.015-.121-.115c.008-.284 0-.567 0-.851c0-.049-.016-.105.07-.1a7 7 0 0 1 1.366.089a1.71 1.71 0 0 1 1.289 1.155c.691 1.891 1.392 3.778 2.089 5.666l1.269 3.436a1 1 0 0 1 .054.14"/></svg>

Cómo usar el icono File Type Bosque

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-bosque"></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-bosque"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-bosque.svg" alt="Icono File Type Bosque" width="24" height="24">

Iconos relacionados en VSCode Icons

Preguntas frecuentes sobre Icono File Type Bosque

¿El icono File Type Bosque es gratis para uso comercial?

Sí. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono File Type Bosque en React?

Instala @iconify/react y renderiza <Icon icon="vscode-icons:file-type-bosque" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono File Type Bosque a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-bosque.svg" alt="Icono File Type Bosque">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los VSCode Icons →