أيقونة Gift Box

flat-ui:gift-box

أيقونة Gift Box (flat-ui:gift-box) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 100 × 100. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Flat UI Icons
المؤلف: Designmodo, Inc.
الترخيص: MIT
الحجم: 100 × 100
الوسوم: giftbox

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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>

صورة HTML

<img src="https://iconyz.com/api/public/svg/flat-ui/gift-box.svg" alt="أيقونة Gift Box" width="24" height="24">

أيقونة Gift Box في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Gift Box

هل أيقونة Gift Box مجانية للاستخدام التجاري؟

نعم. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Gift Box في React؟

ثبّت @iconify/react واعرض <Icon icon="flat-ui:gift-box" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Gift Box إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flat-ui/gift-box.svg" alt="أيقونة Gift Box">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Flat UI Icons →