ICONYZ
العربية
أيقونة Leaves One من IconPark

أيقونة Leaves One

icon-park:leaves-one

أيقونة Leaves One (icon-park:leaves-one) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
الطاقة
الوسوم
leavesone، leave
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M37 23.8788C37 30.5731 31.1797 36 24 36C16.8203 36 11 30.5731 11 23.8788C11 17.1844 24 4 24 4C24 4 37 17.1844 37 23.8788Z"/><path stroke="#fff" stroke-linecap="round" d="M24 4V36"/><path stroke="#000" stroke-linecap="round" d="M24 36V44"/><path stroke="#000" d="M37 23.8789C37 30.5733 31.1797 36.0001 24 36.0001C16.8203 36.0001 11 30.5733 11 23.8789"/><path stroke="#000" d="M37 23.8788C37 17.1844 24 4 24 4C24 4 11 17.1844 11 23.8788"/></g></svg>

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

React

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

<Icon icon="icon-park:leaves-one" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:leaves-one" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:leaves-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--leaves-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:leaves-one"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:leaves-one"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/leaves-one.svg" alt="أيقونة Leaves One" width="24" height="24">

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

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

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

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

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

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

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

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

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

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