Ikon Zip Folder
fluent-mdl2:zip-folder
Ikon Zip Folder (fluent-mdl2:zip-folder) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- zipfolder
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1792 0q27 0 50 10t40 27t28 41t10 50v480q0 45-9 77t-24 58t-31 46t-31 40t-23 44t-10 55v992q0 27-10 50t-27 40t-41 28t-50 10H256V0zM640 128v384h256V128zm1024 800q0-31-9-54t-24-44t-31-41t-31-45t-23-58t-10-78V128h-512v512H768v128H640V640H512V128H384v1792h384v-128h128v128h768zm128-800h-128v480q0 24 4 42t13 33t20 29t27 32q15-17 26-31t20-30t13-33t5-42zM640 896h128v128H640zm0 256h128v128H640zm0 256h128v128H640zm128 256v128H640v-128zm0-768V768h128v128zm0 256v-128h128v128zm0 256v-128h128v128zm0 256v-128h128v128z"/></svg>Cara memakai ikon Zip Folder
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:zip-folder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:zip-folder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:zip-folder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--zip-folder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:zip-folder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:zip-folder"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/zip-folder.svg" alt="Ikon Zip Folder" width="24" height="24">Ikon Zip Folder di set ikon lain
FAQ Ikon Zip Folder
Apakah ikon Zip Folder gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Zip Folder di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:zip-folder" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Zip Folder ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/zip-folder.svg" alt="Ikon Zip Folder">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.