أيقونة Lotion

icon-park-solid:lotion

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

المجموعة: IconPark Solid
المؤلف: ByteDance
الترخيص: Apache-2.0
الحجم: 48 × 48
الفئة: مستحضرات التجميل

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="currentColor" d="M17 37h14v7H17z"/><path d="M36 4H12s0 8 1 17s4 16 4 16h14s3-7 4-16s1-17 1-17"/><path d="M20.643 21.889c1.431-1.88 2.535-4.479 3.131-5.889c1.044 1.41 3.31 4.948 4.026 6.829c.894 2.35-1.342 5.171-4.026 5.171s-4.92-3.76-3.131-6.111M13 10h22"/></g></svg>

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

React

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

<Icon icon="icon-park-solid:lotion" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-solid:lotion" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-solid:lotion" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="icon-park-solid:lotion"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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