Ikon Collection Files
icon-park:collection-files
Ikon Collection Files (icon-park:collection-files) 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
- collectionfiles, file
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M8 44V4H31L40 14.5V44H8Z"/><path fill="#43CCF8" stroke="#fff" d="M24 15L27.0841 21.7551L34.4616 22.6008L28.9902 27.6214L30.4656 34.8992L24 31.247L17.5344 34.8992L19.0098 27.6214L13.5384 22.6008L20.9159 21.7551L24 15Z"/></g></svg>Cara memakai ikon Collection Files
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:collection-files" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:collection-files" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:collection-files" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--collection-files]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:collection-files"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:collection-files"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/collection-files.svg" alt="Ikon Collection Files" width="24" height="24">Ikon terkait di IconPark
Ikon Collection Files di set ikon lain
FAQ Ikon Collection Files
Apakah ikon Collection Files 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 Collection Files di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:collection-files" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Collection Files ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/collection-files.svg" alt="Ikon Collection Files">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.