ICONYZ
العربية
أيقونة Gift من CoreUI Free

أيقونة Gift

cil:gift

أيقونة Gift (cil:gift) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
CoreUI Free
المؤلف
creativeLabs Łukasz Holeczek
الترخيص
CC-BY-4.0
الحجم
512 × 512
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M472 128H371.833A71.962 71.962 0 0 0 256 42.815A71.962 71.962 0 0 0 140.167 128H40a24.03 24.03 0 0 0-24 24v321.556C16 485.932 26.767 496 40 496h432c13.233 0 24-10.068 24-22.444V152a24.03 24.03 0 0 0-24-24M312 48a40 40 0 0 1 0 80h-40V88a40.045 40.045 0 0 1 40-40M160 88a40 40 0 0 1 80 0v40h-40a40.045 40.045 0 0 1-40-40M48 464V256h144v208Zm176 0V256h64v208Zm240 0H320V256h144ZM48 224v-64h416v64Z"/></svg>

كيفية استخدام أيقونة Gift

React

import { Icon } from "@iconify/react";

<Icon icon="cil:gift" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cil:gift" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cil:gift" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--gift]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:gift"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cil:gift"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل أيقونات CoreUI Free →