Icono Folder Type Model

vscode-icons:folder-type-model

El icono Folder Type Model (vscode-icons:folder-type-model) 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: foldertype, typemodel, foldertypemodel

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#558dbf" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#b2cde5" d="M20.62 10v5.999l-5.188-3"/><path fill="#b2cde5" d="m25.807 12.999l-5.187 3V10"/><path fill="#4c89c3" d="M25.807 12.999V19l-5.187-3.001"/><path fill="#0057a9" d="M15.432 12.999V19l5.188-3.001m0 0V22l-5.188-3"/><path fill="#4c89c3" d="M20.622 15.999L20.62 22l5.187-2.998"/><path fill="#b2cde5" d="M25.807 19v6l-5.187-3"/><path fill="#b2cde5" d="M15.432 19v6l5.188-3"/><path fill="#4c89c3" d="M20.62 22v6l-5.188-3"/><path fill="#0057a9" d="m20.622 22l-.002 6l5.187-2.998"/><path fill="#b2cde5" d="M15.432 19v6l-5.187-3"/><path fill="#0057a9" d="M10.245 22v6l5.187-3m0 0v6l-5.187-3"/><path fill="#4c89c3" d="m15.434 25l-.002 6l5.188-2.998"/><path fill="#b2cde5" d="M30.995 22.002L25.807 25l.003-6"/><path fill="#4c89c3" d="M30.995 22v6l-5.188-3"/><path fill="#0057a9" d="M25.807 25v6l-5.187-3"/><path fill="#4c89c3" d="m25.81 25l-.003 6l5.188-2.998"/></svg>

Cómo usar el icono Folder Type Model

React

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

<Icon icon="vscode-icons:folder-type-model" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:folder-type-model" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:folder-type-model" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vscode-icons:folder-type-model"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-model.svg" alt="Icono Folder Type Model" width="24" height="24">

Iconos relacionados en VSCode Icons

Preguntas frecuentes sobre Icono Folder Type Model

¿El icono Folder Type Model 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 Folder Type Model en React?

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

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

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

Ver todos los VSCode Icons →