Ikon File System Outlined
eos-icons:file-system-outlined
Ikon File System Outlined (eos-icons:file-system-outlined) adalah ikon SVG gratis dari set EOS Icons karya SUSE UX/UI team. Ikon ini digambar pada grid 24 × 24. EOS 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
- EOS Icons
- Pembuat
- SUSE UX/UI team
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- filesystem, systemoutlined, filesystemoutlined
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21 8h-2.59l-1-1H15a2.006 2.006 0 0 0-2 2v4a2.006 2.006 0 0 0 2 2h6a2.006 2.006 0 0 0 2-2v-3a2.006 2.006 0 0 0-2-2m0 5h-6V9h2l1 1h3Zm0 4h-2.59l-1-1H15a2.006 2.006 0 0 0-2 2v4a2.006 2.006 0 0 0 2 2h6a2.006 2.006 0 0 0 2-2v-3a2.006 2.006 0 0 0-2-2m0 5h-6v-4h2l1 1h3ZM8 19v-7h5v-2H8V8H6v13h7v-2zm2-18H7.41l-1-1H4a2.006 2.006 0 0 0-2 2v4a2.006 2.006 0 0 0 2 2h6a2.006 2.006 0 0 0 2-2V3a2.006 2.006 0 0 0-2-2m0 5H4V2h2l1 1h3Z"/></svg>Cara memakai ikon File System Outlined
React
import { Icon } from "@iconify/react";
<Icon icon="eos-icons:file-system-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="eos-icons:file-system-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="eos-icons:file-system-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--file-system-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:file-system-outlined"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="eos-icons:file-system-outlined"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/eos-icons/file-system-outlined.svg" alt="Ikon File System Outlined" width="24" height="24">Ikon terkait di EOS Icons
FAQ Ikon File System Outlined
Apakah ikon File System Outlined gratis untuk penggunaan komersial?
Ya. EOS Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon File System Outlined di React?
Pasang @iconify/react lalu render <Icon icon="eos-icons:file-system-outlined" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File System Outlined ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/eos-icons/file-system-outlined.svg" alt="Ikon File System Outlined">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.