أيقونة Dome Light
icon-park:dome-light
أيقونة Dome Light (icon-park:dome-light) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 49 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 49 × 48
- الفئة
- العتاد
- الوسوم
- domelight
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24.7778 8C13.7321 8 4.77783 16.9543 4.77783 28H44.7778C44.7778 16.9543 35.8235 8 24.7778 8Z"/><path d="M24.7778 4V8"/><path d="M24.7778 38C19.255 38 14.7778 33.5228 14.7778 28H34.7778C34.7778 33.5228 30.3007 38 24.7778 38Z"/><path d="M40.8118 38.9766L38.7437 36.0231"/><path d="M11.0525 36.2251L8.50298 38.7746"/><path d="M34.7778 42L33.6307 40.3617"/><path d="M15.9114 40.4736L14.4972 41.8878"/></g></svg>
كيفية استخدام أيقونة Dome Light
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:dome-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:dome-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:dome-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dome-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dome-light"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:dome-light"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/dome-light.svg" alt="أيقونة Dome Light" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Dome Light في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Dome Light
هل أيقونة Dome Light مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Dome Light في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:dome-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Dome Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/dome-light.svg" alt="أيقونة Dome Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
