أيقونة Gift Fill

keyline-icons:gift-fill

أيقونة Gift Fill (keyline-icons:gift-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: giftfill

تنزيل SVG

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

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

مكوّن ويب

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

صورة HTML

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

أيقونات ذات صلة في Keyline Icons

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

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

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

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

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

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

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

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

تصفح كل Keyline Icons →