أيقونة Lume Light

thesvg-color:lume-light

أيقونة Lume Light (thesvg-color:lume-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 443 × 443. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 443 × 443
الوسوم: lumelight

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="443" height="443" viewBox="0 0 443 443"><g fill="none"><path fill="#d06b57" d="M281.777 255.5c0 67.103-60.5 121.5-60.5 121.5s-60.5-54.397-60.5-121.5s60.5-121.5 60.5-121.5s60.5 54.397 60.5 121.5"/><path fill="#000" d="M347.08 168.186c43.132 51.403 31.753 131.963 31.753 131.963s-81.312-2.782-124.445-54.186S222.635 114 222.635 114s81.312 2.782 124.445 54.186"/><path fill="#000" d="M188.167 245.963c-43.133 51.404-124.444 54.186-124.444 54.186s-11.38-80.56 31.753-131.963C138.608 116.782 219.92 114 219.92 114s11.38 80.559-31.753 131.963M164.878 0a47.5 47.5 0 0 1 47.501 47.501a4 4 0 0 1-8 0a39.5 39.5 0 0 0-30.041-38.35c.023.28.039.563.039.849c0 5.523-4.477 10-10 10s-10-4.477-10-10s4.477-10 10-10q.136 0 .27.006q.115-.006.231-.006m113.501 0c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10q.001-.429.038-.849a39.5 39.5 0 0 0-18.471 10.418a39.5 39.5 0 0 0-11.569 27.932a4 4 0 0 1-8 0A47.504 47.504 0 0 1 277.878 0q.115 0 .229.006q.136-.005.272-.006"/><path fill="#000" d="M261.377 65c0 22.091-17.909 70-40 70s-40-47.909-40-70s17.909-40 40-40s40 17.909 40 40"/><circle cx="221.877" cy="271.5" r="171.5" fill="url(#SVGKNxFocfc)" opacity=".6"/><path fill="#000" d="M146.211 216.259c-56.906 35.559-135.098 13.078-135.098 13.078s14.072-80.133 70.978-115.692s135.098-13.078 135.098-13.078s-14.071 80.133-70.978 115.692m214.585-102.616c56.906 35.559 70.978 115.692 70.978 115.692s-78.192 22.481-135.098-13.078s-70.978-115.693-70.978-115.693s78.192-22.48 135.098 13.079"/><defs><radialGradient id="SVGKNxFocfc" cx="0" cy="0" r="1" gradientTransform="rotate(90 -24.811 246.689)scale(171.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#d06b57"/><stop offset="1" stop-color="#d06b57" stop-opacity="0"/></radialGradient></defs></g></svg>

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

React

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

<Icon icon="thesvg-color:lume-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:lume-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:lume-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--lume-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:lume-light"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:lume-light"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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