ICONYZ
العربية
أيقونة Ygeeker من theSVG Color

أيقونة Ygeeker

thesvg-color:ygeeker

أيقونة Ygeeker (thesvg-color:ygeeker) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 1024 × 1024. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
1024 × 1024
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path fill="#63c862" d="M536.359 484.569c-25.15-60.396 142.849-333.837 227.229-362.525c44.196-15.027 93.145 56.185 106.992 114.053c13.909 58.129 7.806 118.903-30.581 165.845c-43.264 52.904-280.757 137.58-303.64 82.627"/><path fill="#ffca3d" d="M474.634 497.831c-36.492 18.111-128.758-5.131-225.151-42.057C164.575 423.249 61.32 336.983 59.942 310.149c-2.09-40.708 57.502-77.667 126.354-90.298c69.161-12.689 150.336-15.261 196.02 23.096c77.447 65.025 160.404 221.093 92.318 254.884"/><path fill="#4ebffe" d="M535.511 552.81c64.871 33.983 142.066 358.05 109.633 394.921c-29.259 33.262-109.374 13.305-165.203-22.387c-56.08-35.852-81.135-97.144-77.303-152.334c6.495-93.565 68.002-254.183 132.873-220.2"/></g></svg>

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

React

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

<Icon icon="thesvg-color:ygeeker" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:ygeeker" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:ygeeker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ygeeker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ygeeker"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:ygeeker"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/ygeeker.svg" alt="أيقونة Ygeeker" width="24" height="24">

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

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

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

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

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

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

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

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