Ikon Gift Fill
keyline-icons:gift-fill
Ikon Gift Fill (keyline-icons:gift-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- giftfill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M1 8C1 6.895431 1.895431 6 3 6L21 6C22.104569 6 23 6.895431 23 8L23 10C23 11.104569 22.104569 12 21 12L21 12L21 19C21 21.209139 19.209139 23 17 23L7 23C4.790861 23 3 21.209139 3 19L3 12L3 12C1.895431 12 1 11.104569 1 10ZM3 8H21V10H3Z" clip-rule="evenodd" stroke="none"/><path d="M12 7C9 7 7 6 7 4.5C7 3.11929 8.11929 2 9.5 2C11.5 2 12 5 12 7ZM12 7C15 7 17 6 17 4.5C17 3.11929 15.8807 2 14.5 2C12.5 2 12 5 12 7Z"/></g></svg>
Cara memakai ikon Gift Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:gift-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:gift-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:gift-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--gift-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:gift-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:gift-fill"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/gift-fill.svg" alt="Ikon Gift Fill" width="24" height="24">
Ikon terkait di Keyline Icons
Ikon Gift Fill di set ikon lain
FAQ Ikon Gift Fill
Apakah ikon Gift Fill gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gift Fill di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:gift-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gift Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/gift-fill.svg" alt="Ikon Gift Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Keyline Icons →
ICONYZ
