ICONYZ
العربية
أيقونة Baby Light من Phosphor

أيقونة Baby Light

ph:baby-light

أيقونة Baby Light (ph:baby-light) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Phosphor
المؤلف
Phosphor Icons
الترخيص
MIT
الحجم
256 × 256
الوسوم
infant، child، children، toddler، babylight
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M92 138a10 10 0 1 1 10-10a10 10 0 0 1-10 10m72-20a10 10 0 1 0 10 10a10 10 0 0 0-10-10m-11.2 44.92a47 47 0 0 1-49.6 0a6 6 0 0 0-6.4 10.16a59 59 0 0 0 62.4 0a6 6 0 1 0-6.4-10.16M230 128A102 102 0 1 1 128 26a102.12 102.12 0 0 1 102 102m-12 0a90.11 90.11 0 0 0-87.07-89.95C118.3 55.23 118 71.85 118 72a10 10 0 0 0 20 0a6 6 0 0 1 12 0a22 22 0 0 1-44 0c0-.75.15-15.82 10.14-33.22A90 90 0 1 0 218 128"/></svg>

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

React

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

<Icon icon="ph:baby-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:baby-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:baby-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--baby-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:baby-light"></div>

مكوّن ويب

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

<iconify-icon icon="ph:baby-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ph/baby-light.svg" alt="أيقونة Baby Light" width="24" height="24">

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

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

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

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

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

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

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

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

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

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