Ikon Gift Box
flat-ui:gift-box
Ikon Gift Box (flat-ui:gift-box) adalah ikon SVG gratis dari set Flat UI Icons karya Designmodo, Inc.. Ikon ini digambar pada grid 100 × 100. Flat UI 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
- Flat UI Icons
- Pembuat
- Designmodo, Inc.
- Lisensi
- MIT
- Ukuran
- 100 × 100
- Tag
- giftbox
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#E74C3C" d="M100 94a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6z"/><path fill="#C0392B" fill-rule="evenodd" d="M68.494 10.847L50.207 0H74.59zM33.832 0c-.212.913-.548 1.81-1.027 2.662L21.059 23.57L.443 11.342L0 11.048V6a6 6 0 0 1 6-6zM2.658 49.794l1.955-3.479a9.71 9.71 0 0 1 13.488-3.617c4.742 2.814 6.399 8.996 3.696 13.808L10.051 77.414L0 71.453V48.218zm19.509 42.704a9.71 9.71 0 0 1 13.487-3.617l3.432 2.033l1.956-3.479a9.71 9.71 0 0 1 13.487-3.617c4.742 2.816 6.4 8.996 3.697 13.809L56.895 100H21.189c-.618-2.459-.346-5.145.978-7.502m35.321-27.807L36.872 52.463c-4.746-2.815-6.398-8.997-3.697-13.809a9.71 9.71 0 0 1 13.487-3.617l3.432 2.034l1.956-3.479a9.714 9.714 0 0 1 13.488-3.618c4.742 2.817 6.4 8.998 3.697 13.811zm26.821-24.95c-4.746-2.815-6.398-8.997-3.697-13.81a9.71 9.71 0 0 1 13.486-3.617l3.432 2.034l1.957-3.479c.158-.283.332-.554.514-.815v28.995zM73.301 93.584c-4.746-2.814-6.398-8.996-3.697-13.809a9.71 9.71 0 0 1 13.488-3.617l3.432 2.035l1.955-3.48A9.7 9.7 0 0 1 100 70.207v23.791c0 .412-.043.814-.121 1.201l-1.771 3.154A5.97 5.97 0 0 1 94 100h-9.885zM7.093 96.541A10.1 10.1 0 0 1 10.58 100H6c-2.843 0-5.211-1.982-5.83-4.637a9.72 9.72 0 0 1 6.923 1.178" clip-rule="evenodd"/><path fill-rule="evenodd" d="M70.116 47.232c1.354-.733 2.475-1.552 3.399-2.485c5.881-5.944 5.956-15.538.168-21.385a14.57 14.57 0 0 0-10.43-4.345c-4.043 0-7.855 1.603-10.74 4.516c-.946.957-1.772 2.124-2.511 3.539c-.74-1.42-1.568-2.594-2.518-3.553c-2.882-2.912-6.696-4.529-10.738-4.529c-3.952 0-7.655 1.514-10.43 4.315c-5.789 5.849-5.714 15.385.169 21.33c.957.968 2.131 1.791 3.55 2.52c-1.311.684-2.494 1.477-3.438 2.401c-2.935 2.88-4.551 6.709-4.551 10.782c.001 3.983 1.558 7.705 4.384 10.477c2.761 2.709 6.432 4.201 10.336 4.201c3.996 0 7.776-1.551 10.646-4.366c1.004-.985 1.857-2.229 2.586-3.606c.728 1.377 1.581 2.621 2.585 3.605c2.871 2.816 6.652 4.367 10.647 4.367c3.903 0 7.575-1.492 10.337-4.201c2.825-2.771 4.382-6.492 4.383-10.477c0-4.072-1.615-7.9-4.551-10.783c-.904-.891-2.033-1.658-3.283-2.323M31.964 28.951c2.689-2.644 7.127-2.566 9.912.171c2.926 2.875 4.149 13.854 4.128 13.877c-.022.022-10.941-1.43-13.866-4.305c-2.786-2.738-2.863-7.1-.174-9.743m9.833 35.071c-2.76 2.59-7.155 2.661-9.819.161c-2.663-2.5-2.587-6.627.172-9.217c2.897-2.719 13.839-3.975 13.861-3.954c.021.021-1.316 10.291-4.214 13.01m26.253.162c-2.669 2.5-7.073 2.429-9.838-.161c-2.904-2.72-4.244-12.989-4.222-13.01s10.984 1.235 13.889 3.954c2.764 2.59 2.84 6.717.171 9.217m-.17-25.398c-2.903 2.898-13.861 4.236-13.883 4.213s1.317-10.963 4.22-13.861c2.764-2.759 7.167-2.835 9.835-.171c2.668 2.663 2.591 7.059-.172 9.819" clip-rule="evenodd" opacity=".15"/><path fill="#fff" fill-rule="evenodd" d="M100 39H74.981c4.361-6 3.955-14.332-1.298-19.639a14.57 14.57 0 0 0-10.43-4.345c-3.386 0-6.602 1.137-9.254 3.213V0h-8v18.214c-2.651-2.079-5.869-3.226-9.253-3.226c-3.952 0-7.655 1.514-10.43 4.314C21.031 24.645 20.651 33 25.102 39H0v8h25.316a14.95 14.95 0 0 0-3.268 9.336c.001 3.983 1.558 7.705 4.384 10.477c2.761 2.709 6.432 4.201 10.336 4.201c3.373 0 6.584-1.116 9.232-3.153V100h8V67.86a15.1 15.1 0 0 0 9.232 3.153c3.903 0 7.575-1.492 10.337-4.201c2.825-2.771 4.382-6.492 4.383-10.477c0-3.427-1.156-6.673-3.268-9.336H100zM58.217 25.138c2.764-2.759 7.167-2.835 9.835-.171s2.591 7.06-.172 9.819c-2.896 2.89-13.799 4.228-13.88 4.213v-.043c.069-.728 1.415-11.02 4.217-13.818m-26.253-.187c2.689-2.644 7.127-2.566 9.912.171c2.812 2.763 4.05 13.003 4.124 13.82v.057c-.102.011-10.948-1.44-13.862-4.305c-2.786-2.738-2.863-7.1-.174-9.743m9.833 35.071c-2.76 2.59-7.155 2.661-9.819.161c-2.663-2.5-2.587-6.627.172-9.217c2.868-2.691 13.614-3.948 13.851-3.954v.108c-.132 1.096-1.476 10.342-4.204 12.902m26.253.162c-2.669 2.5-7.073 2.429-9.838-.161c-2.741-2.568-4.088-11.856-4.212-12.909v-.101c.217.003 11.001 1.26 13.879 3.954c2.764 2.59 2.84 6.717.171 9.217" clip-rule="evenodd"/><path fill-rule="evenodd" d="M94 100H6c-3.313 0-6-2.687-6-6.001V80a6 6 0 0 0 6 6h88a6 6 0 0 0 6-6v13.999A6 6 0 0 1 94 100" clip-rule="evenodd" opacity=".2"/></svg>Cara memakai ikon Gift Box
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:gift-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:gift-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:gift-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--gift-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:gift-box"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:gift-box"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/gift-box.svg" alt="Ikon Gift Box" width="24" height="24">Ikon Gift Box di set ikon lain
FAQ Ikon Gift Box
Apakah ikon Gift Box gratis untuk penggunaan komersial?
Ya. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gift Box di React?
Pasang @iconify/react lalu render <Icon icon="flat-ui:gift-box" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gift Box ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-ui/gift-box.svg" alt="Ikon Gift Box">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.