ICONYZ
العربية
أيقونة Leaf من Siemens Industrial Experience Icons

أيقونة Leaf

ix:leaf

أيقونة Leaf (ix:leaf) أيقونة SVG مجانية من مجموعة Siemens Industrial Experience Icons من تصميم Siemens AG. مرسومة على شبكة 512 × 512. تُنشر Siemens Industrial Experience Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Siemens Industrial Experience Icons
المؤلف
Siemens AG
الترخيص
MIT
الحجم
512 × 512
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m427.582 54.248l30.17 30.17l-81.108 81.111c39.686 53.604 35.027 126.8-13.977 175.804q-64 64-298.667 106.667q42.666-234.667 106.667-298.667c49.004-49.004 122.2-53.663 175.804-13.977zm-74.667 90.667l-47.262 47.084H202.667v21.334h81.572l-64.242 64H160v21.333h38.583l-88.792 88.458l15.085 15.085l88.457-88.125V352h21.334l-.001-59.17l64-63.758v80.26H320V207.819L368 160z"/></svg>

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

React

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

<Icon icon="ix:leaf" width="24" />

Vue

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

<template>
  <Icon icon="ix:leaf" width="24" />
</template>

Svelte

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

<Icon icon="ix:leaf" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="ix:leaf"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل Siemens Industrial Experience Icons →