Ikon Duffle Fill
bi:duffle-fill
Ikon Duffle Fill (bi:duffle-fill) adalah ikon SVG gratis dari set Bootstrap Icons karya The Bootstrap Authors. Ikon ini digambar pada grid 24 × 24. Bootstrap 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
- Bootstrap Icons
- Pembuat
- The Bootstrap Authors
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- dufflefill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.007 4.097q.011-.146.027-.298c.05-.464.141-.979.313-1.45c.169-.465.432-.933.853-1.249c1.115-.836 2.485-.836 3.6 0c.42.316.684.784.853 1.25c.171.47.263.985.313 1.449q.016.15.027.298c1.401.194 2.65.531 3.525 1.012c2.126 1.169 1.446 6.095 1.089 8.018a.954.954 0 0 1-.95.772H1.343a.954.954 0 0 1-.95-.772c-.357-1.923-1.037-6.85 1.09-8.018c.873-.48 2.123-.818 3.524-1.012M4.05 5.633a22 22 0 0 0-1.565.352l-.091.026l-.034.01a.5.5 0 0 0 .282.959l.005-.002l.02-.005l.08-.023a21 21 0 0 1 1.486-.334A21 21 0 0 1 8 6.25c1.439 0 2.781.183 3.767.367a21 21 0 0 1 1.567.356l.02.005l.004.001a.5.5 0 0 0 .283-.959h-.003l-.006-.002l-.025-.007a15 15 0 0 0-.43-.113a22 22 0 0 0-1.226-.265A22 22 0 0 0 8 5.25c-1.518 0-2.926.192-3.95.383M6.8 1.9c-.203.153-.377.42-.513.791a5.3 5.3 0 0 0-.265 1.292a35 35 0 0 1 1.374-.076c.866-.022 1.742.003 2.584.076a5.3 5.3 0 0 0-.266-1.292c-.135-.372-.309-.638-.513-.791c-.76-.57-1.64-.57-2.4 0Z"/></svg>Cara memakai ikon Duffle Fill
React
import { Icon } from "@iconify/react";
<Icon icon="bi:duffle-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bi:duffle-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bi:duffle-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--duffle-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:duffle-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bi:duffle-fill"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/bi/duffle-fill.svg" alt="Ikon Duffle Fill" width="24" height="24">Ikon terkait di Bootstrap Icons
FAQ Ikon Duffle Fill
Apakah ikon Duffle Fill gratis untuk penggunaan komersial?
Ya. Bootstrap Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Duffle Fill di React?
Pasang @iconify/react lalu render <Icon icon="bi:duffle-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Duffle Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/bi/duffle-fill.svg" alt="Ikon Duffle Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.