Ikon Folder Type Module
vscode-icons:folder-type-module
Ikon Folder Type Module (vscode-icons:folder-type-module) 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, typemodule, foldertypemodule
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#55bdbf" 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="#007f7c" d="M15.907 28.452q2.262 1.26 4.525 2.528a.12.12 0 0 0 .138 0q2.262-1.26 4.526-2.527c.026-.014.05-.03.082-.049l-.086-.05q-.752-.415-1.494-.84a.14.14 0 0 0-.16 0l-2.86 1.6a.14.14 0 0 1-.155 0q-1.435-.805-2.875-1.608a.12.12 0 0 0-.131 0q-.76.428-1.523.852c-.02.011-.04.024-.068.042a1 1 0 0 0 .081.052"/><path fill="#7f7c00" d="m10.984 20.526l-.005-.6c0-1.328-.02-2.64-.02-3.968a.1.1 0 0 1 .071-.106c1.3-.619 3.221-1.635 4.517-2.255c.023-.011.117-.062.15-.076v1.767a.094.094 0 0 1-.065.1c-.762.362-2.2 1.182-2.963 1.544a.1.1 0 0 0-.071.1c0 .763.011 1.753.014 2.513a.1.1 0 0 1-.058.1c-.514.287-1.57.881-1.57.881"/><path fill="#7c007f" d="M28.384 19.647a.1.1 0 0 1-.058-.1c0-.76.014-1.75.014-2.513a.1.1 0 0 0-.07-.1c-.762-.362-2.2-1.182-2.963-1.544a.1.1 0 0 1-.066-.1v-1.773c.033.014.128.065.151.076c1.3.62 3.221 1.636 4.516 2.255a.1.1 0 0 1 .071.106c0 1.328-.02 2.64-.02 3.968v.6s-1.059-.59-1.575-.875"/><path fill="#7f0000" d="M24.539 14.4v2.078a.12.12 0 0 1-.07.118q-1.953 1.089-3.906 2.183a.12.12 0 0 1-.131 0q-1.954-1.093-3.907-2.182a.11.11 0 0 1-.066-.113v-4.168a.11.11 0 0 1 .065-.113q1.955-1.087 3.907-2.18a.12.12 0 0 1 .139 0q1.944 1.089 3.893 2.172a.13.13 0 0 1 .076.133v2.066Z"/><path fill="#fff" d="m19.02 12.744l1.425.777a.11.11 0 0 0 .111 0q.714-.392 1.432-.782c.017-.009.032-.023.05-.034q-.01-.013-.016-.016q-.736-.414-1.481-.825a.11.11 0 0 0-.094.007q-.209.113-.42.231l-1.075.6zm.673 3.71V15.01c0-.055-.029-.068-.065-.087l-1.47-.8q-.033-.018-.072-.035v1.459c0 .053.029.069.065.089l1.47.822l.073.037a.1.1 0 0 1-.001-.041m3.186-2.354q-.761.415-1.524.827c-.048.025-.047.058-.047.1v1.465l.044-.02l1.522-.85a.09.09 0 0 0 .048-.1v-1.438a.2.2 0 0 0-.043.016"/><path fill="#00007f" d="M31 24.057v2.078a.12.12 0 0 1-.069.119q-1.955 1.089-3.907 2.182a.12.12 0 0 1-.131 0q-1.953-1.093-3.907-2.181a.115.115 0 0 1-.066-.114v-4.164a.11.11 0 0 1 .065-.113q1.954-1.088 3.907-2.18a.13.13 0 0 1 .139 0q1.944 1.091 3.893 2.173a.13.13 0 0 1 .076.132z"/><path fill="#fff" d="M25.48 22.405q.716.389 1.425.777a.11.11 0 0 0 .111 0l1.432-.781l.051-.035q-.011-.012-.017-.016q-.735-.414-1.481-.825a.11.11 0 0 0-.093.007c-.141.074-.279.154-.42.231l-1.076.6zm.674 3.71v-1.444c0-.055-.03-.068-.066-.087l-1.47-.8l-.072-.036v1.46c0 .052.029.068.065.088l1.47.822q.032.018.074.037a.1.1 0 0 1-.001-.04m3.186-2.351q-.763.415-1.525.827c-.047.025-.046.058-.046.1v1.465l.043-.02q.76-.426 1.522-.85c.047-.025.048-.057.048-.1v-1.441z"/><path fill="#007f00" d="M18.08 24.057v2.078a.12.12 0 0 1-.069.119q-1.954 1.089-3.906 2.182a.12.12 0 0 1-.132 0q-1.953-1.093-3.906-2.181a.11.11 0 0 1-.067-.114v-4.164a.11.11 0 0 1 .065-.113q1.954-1.088 3.906-2.18a.13.13 0 0 1 .14 0q1.944 1.091 3.893 2.173a.13.13 0 0 1 .075.132z"/><path fill="#fff" d="m12.562 22.405l1.425.777a.1.1 0 0 0 .11 0l1.433-.781l.05-.035q-.01-.012-.017-.016q-.735-.414-1.48-.825a.11.11 0 0 0-.094.007c-.141.074-.278.154-.42.231l-1.075.6zm.673 3.71v-1.444c0-.055-.029-.068-.065-.087l-1.47-.8l-.073-.036v1.46c0 .052.03.068.065.088l1.471.822q.033.018.073.037a.1.1 0 0 1-.001-.04m3.186-2.351q-.761.415-1.525.827c-.047.025-.046.058-.046.1v1.465l.043-.02q.761-.426 1.523-.85c.046-.025.047-.057.047-.1v-1.441z"/></svg>
Cara memakai ikon Folder Type Module
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:folder-type-module" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:folder-type-module" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:folder-type-module" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-module]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-module"></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-module"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-module.svg" alt="Ikon Folder Type Module" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon Folder Type Module
Apakah ikon Folder Type Module 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 Module di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:folder-type-module" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Folder Type Module ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-module.svg" alt="Ikon Folder Type Module">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
