ICONYZ
العربية
أيقونة Lemon Slice من TDesign Icons

أيقونة Lemon Slice

tdesign:lemon-slice

أيقونة Lemon Slice (tdesign:lemon-slice) أيقونة SVG مجانية من مجموعة TDesign Icons من تصميم TDesign. مرسومة على شبكة 24 × 24. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
TDesign Icons
المؤلف
TDesign
الترخيص
MIT
الحجم
24 × 24
الوسوم
lemonslice
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M22 10.488c0-2.93-2.065-6.582-4-8.488l-7.5 7.5L3 17c1.906 1.935 5.557 4 8.488 4a10.48 10.48 0 0 0 7.433-3.079A10.48 10.48 0 0 0 22 10.488"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m10.763 9.763l7.887 7.887m-7.61-8.104l10.71.92m-11.188-.247l.905 10.531M22 10.488c0-2.93-2.065-6.582-4-8.488L3 17c1.906 1.935 5.557 4 8.488 4C17.294 21 22 16.294 22 10.488Z"/></g></svg>

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

React

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

<Icon icon="tdesign:lemon-slice" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:lemon-slice" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:lemon-slice" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--lemon-slice]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:lemon-slice"></div>

مكوّن ويب

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

<iconify-icon icon="tdesign:lemon-slice"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/tdesign/lemon-slice.svg" alt="أيقونة Lemon Slice" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل TDesign Icons →