Ikon Folder Bold
glyphs:folder-bold
Ikon Folder Bold (glyphs:folder-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- folderbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M16 17a4 4 0 0 0-4 4v38a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4V29a4 4 0 0 0-4-4H35.4c-.367 0-.711-.177-.924-.475l-.34-.474l-.376-.526l-.377-.525l-3.099-4.329A4 4 0 0 0 27.032 17z" clip-rule="evenodd"/><path d="m34.136 24.05l1.626-1.163zm-.376-.525l-1.626 1.165zM33.383 23l1.627-1.164zm-3.099-4.329l1.626-1.164zM14 21a2 2 0 0 1 2-2v-4a6 6 0 0 0-6 6zm0 8v-8h-4v8zm0 16V29h-4v16zm0 14V45h-4v14zm2 2a2 2 0 0 1-2-2h-4a6 6 0 0 0 6 6zm48 0H16v4h48zm2-2a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm0-30v30h4V29zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6zm-28.6 0H64v-4H35.4zm-2.89-1.785l.34.475l3.252-2.329l-.34-.474zm-.376-.525l.376.525l3.252-2.328l-.376-.526zm-.377-.526l.377.526l3.252-2.329l-.376-.525zm-3.1-4.328l3.1 4.328l3.253-2.328l-3.1-4.329zM27.033 19a2 2 0 0 1 1.626.836l3.252-2.329A6 6 0 0 0 27.032 15zM16 19h11.032v-4H16zm19.4 4c.278 0 .54.134.702.361L32.85 25.69A3.14 3.14 0 0 0 35.4 27z"/></g></svg>
Cara memakai ikon Folder Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:folder-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:folder-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:folder-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--folder-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:folder-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:folder-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/folder-bold.svg" alt="Ikon Folder Bold" width="24" height="24">
Ikon Folder Bold di set ikon lain
FAQ Ikon Folder Bold
Apakah ikon Folder Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Folder Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:folder-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Folder Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/folder-bold.svg" alt="Ikon Folder Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
