ICONYZ
العربية
أيقونة Face Powder من IconPark

أيقونة Face Powder

icon-park:face-powder

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><ellipse cx="24" cy="30" fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" rx="16" ry="6"/><ellipse cx="24" cy="14" fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" rx="16" ry="10"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M23 10L18 13"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M30 14L25 17"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 38C40 41.3137 32.8366 44 24 44C15.1634 44 8 41.3137 8 38"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 38V30"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8 38V30"/><ellipse cx="24" cy="30" fill="#fff" rx="7" ry="2"/></g></svg>

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

React

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

<Icon icon="icon-park:face-powder" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:face-powder" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:face-powder" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="icon-park:face-powder"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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

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