Ikon Folder Type Model

vscode-icons:folder-type-model

Ikon Folder Type Model (vscode-icons:folder-type-model) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: VSCode Icons
Pembuat: Roberto Huertas
Lisensi: MIT
Ukuran: 32 × 32
Tag: foldertype, typemodel, foldertypemodel

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di VSCode Icons

FAQ Ikon Folder Type Model

Apakah ikon Folder Type Model gratis untuk penggunaan komersial?

Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Folder Type Model di React?

Pasang @iconify/react lalu render <Icon icon="vscode-icons:folder-type-model" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Folder Type Model ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-model.svg" alt="Ikon Folder Type Model">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua VSCode Icons →