Ikon File More Line
mingcute:file-more-line
Ikon File More Line (mingcute:file-more-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- filemore, moreline, filemoreline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 14a1 1 0 1 0 0 2zm.002 2a1 1 0 1 0 0-2zM12 14a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zM15 14a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zm-.71-12.707L13.587 4zM19 8.414h-1V20h2V8.414zM18 21v-1H6v2h12zM5 20h1V4H4v16zM6 3v1h7.586V2H6zm8.293.293L13.586 4L18 8.414l.707-.707l.707-.707L15 2.586zM13 3h-1v5.5h2V3zm.5 6v1H19V8h-5.5zM9 15v1h.002v-2H9zm3 0v1h.002v-2H12zm3 0v1h.002v-2H15zm-2-6.5h-1a1.5 1.5 0 0 0 1.5 1.5V8a.5.5 0 0 1 .5.5zm.586-5.5v1l.707-.707l.707-.707A2 2 0 0 0 13.586 2zM6 21v-1H4a2 2 0 0 0 2 2zm13-1h-1v2a2 2 0 0 0 2-2zm0-11.586h1A2 2 0 0 0 19.414 7l-.707.707l-.707.707zM5 4h1V2a2 2 0 0 0-2 2z"/></svg>Cara memakai ikon File More Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:file-more-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:file-more-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:file-more-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--file-more-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:file-more-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:file-more-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/file-more-line.svg" alt="Ikon File More Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon File More Line
Apakah ikon File More Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon File More Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:file-more-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File More Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/file-more-line.svg" alt="Ikon File More Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.