Ikon Document Folder
icon-park:document-folder
Ikon Document Folder (icon-park:document-folder) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Kantor
- Tag
- documentfolder
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M32 6H22V42H32V6Z"/><path fill="#2F88FF" stroke="#000" d="M42 6H32V42H42V6Z"/><path fill="#2F88FF" stroke="#000" d="M10 6L18 7L14.5 42L6 41L10 6Z"/><path stroke="#fff" stroke-linecap="round" d="M37 18V15"/><path stroke="#fff" stroke-linecap="round" d="M27 18V15"/></g></svg>Cara memakai ikon Document Folder
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:document-folder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:document-folder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:document-folder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--document-folder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:document-folder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:document-folder"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/document-folder.svg" alt="Ikon Document Folder" width="24" height="24">Ikon Document Folder di set ikon lain
FAQ Ikon Document Folder
Apakah ikon Document Folder gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Document Folder di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:document-folder" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Document Folder ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/document-folder.svg" alt="Ikon Document Folder">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.