أيقونة Gifts Outline

glyphs:gifts-outline

أيقونة Gifts Outline (glyphs:gifts-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: giftsoutline، gift

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M24 34a2 2 0 1 0-4 0v.444a2 2 0 1 0 4 0zm0 7.556a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0V58a2 2 0 1 0 4 0z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M22 10a2 2 0 0 1 2 2l.001 4.532l2.267-3.924a2 2 0 0 1 3.464 2l-2.265 3.925l3.926-2.265a2 2 0 0 1 2 3.464l-3.925 2.267L38 22a2 2 0 0 1 2 2v2.485c3.275-.844 7.015.424 8.892 3.802L52 35.882l3.108-5.595c3.004-5.407 10.78-5.407 13.784 0c1.435 2.584 1.246 5.458-.031 7.713H74a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2l8.532-.001l-3.925-2.267a2 2 0 0 1 2-3.464l3.926 2.265l-2.265-3.926a2 2 0 0 1 3.464-2l2.267 3.925l.001-4.533A2 2 0 0 1 22 10m32 32v10h18V42zm8-4c2.962 0 4.834-3.181 3.395-5.77c-1.48-2.664-5.31-2.664-6.79 0L55.399 38zM36 26v2.992a8 8 0 0 0-.877 1.268l-.015.027a9 9 0 0 0-.13.244c-1.292 2.52-1.076 5.285.161 7.469H30a2 2 0 0 0-2 2v26H8V26zm-4 16h18v10H32zm13.395-9.77L48.601 38H42c-2.887 0-4.739-3.024-3.497-5.574q.048-.099.102-.196c1.48-2.664 5.31-2.664 6.79 0M54 66h18V56H54zm-4-10v10H32V56z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 34a2 2 0 1 0-4 0v.444a2 2 0 1 0 4 0zm0 7.556a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0v.888a2 2 0 1 0 4 0zm0 8a2 2 0 1 0-4 0V58a2 2 0 1 0 4 0z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22 10a2 2 0 0 1 2 2l.001 4.532l2.267-3.924h0a2 2 0 0 1 3.464 2h0l-2.265 3.925l3.926-2.265a2 2 0 0 1 2 3.464l-3.925 2.267L38 22a2 2 0 0 1 2 2v2.485c3.275-.844 7.015.424 8.892 3.802L52 35.882l3.108-5.595c3.004-5.407 10.78-5.407 13.784 0c1.435 2.584 1.246 5.458-.031 7.713H74a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2l8.532-.001l-3.925-2.267a2 2 0 0 1 2-3.464l3.926 2.265l-2.265-3.926a2 2 0 0 1 3.464-2l2.267 3.925l.001-4.533A2 2 0 0 1 22 10m32 32v10h18V42zm8-4c2.962 0 4.834-3.181 3.395-5.77c-1.48-2.664-5.31-2.664-6.79 0L55.399 38zM36 26v2.992a8 8 0 0 0-.877 1.268l-.015.027a9 9 0 0 0-.13.244c-1.292 2.52-1.076 5.285.161 7.469H30a2 2 0 0 0-2 2v26H8V26zm-4 16h18v10H32zm13.395-9.77L48.601 38H42c-2.887 0-4.739-3.024-3.497-5.574q.048-.099.102-.196c1.48-2.664 5.31-2.664 6.79 0M54 66h18V56H54zm-4-10v10H32V56z" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="glyphs:gifts-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:gifts-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:gifts-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--gifts-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:gifts-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:gifts-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/gifts-outline.svg" alt="أيقونة Gifts Outline" width="24" height="24">

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

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

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

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

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

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

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

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

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