أيقونة Cake Light

ph:cake-light

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

المجموعة: Phosphor
المؤلف: Phosphor Icons
الترخيص: MIT
الحجم: 256 × 256
الوسوم: dessert، birthday، celebration، event، cakelight

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M230 112a22 22 0 0 0-22-22h-74V77.4A30.05 30.05 0 0 0 158 48c0-26.9-25.58-44.27-26.67-45a6 6 0 0 0-6.66 0C123.58 3.73 98 21.1 98 48a30.05 30.05 0 0 0 24 29.4V90H48a22 22 0 0 0-22 22v23.33a38.8 38.8 0 0 0 8 23.57V200a22 22 0 0 0 22 22h144a22 22 0 0 0 22-22v-41.1a38.8 38.8 0 0 0 8-23.57ZM110 48c0-15.4 12-27.41 18-32.44c6 5 18 17 18 32.44a18 18 0 0 1-36 0m-72 64a10 10 0 0 1 10-10h160a10 10 0 0 1 10 10v23.33c0 14.32-11.33 26.28-25.26 26.66A26 26 0 0 1 166 136a6 6 0 0 0-12 0a26 26 0 0 1-52 0a6 6 0 0 0-12 0a26 26 0 0 1-26.74 26C49.33 161.61 38 149.65 38 135.33Zm162 98H56a10 10 0 0 1-10-10v-30.69A36.8 36.8 0 0 0 62.94 174a37.82 37.82 0 0 0 27.56-10.76a38.8 38.8 0 0 0 5.5-6.74a38 38 0 0 0 64 0a38.8 38.8 0 0 0 5.52 6.74A37.73 37.73 0 0 0 192 174h1.07a36.8 36.8 0 0 0 16.93-4.69V200a10 10 0 0 1-10 10"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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