ICONYZ
العربية
أيقونة Lit Light من Skill Icons

أيقونة Lit Light

skill-icons:lit-light

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

المجموعة
Skill Icons
المؤلف
tandpfun
الترخيص
MIT
الحجم
256 × 256
الوسوم
litlight
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f4ed" rx="60"/><path fill="#00e8ff" d="m88 148l20-60l90 90l-30 50l-40-40h-20"/><path fill="#283198" d="M128 188v-80l40-40v80M48 188l40 40l20-40l-20-40H68"/><path fill="#324fff" d="M88 148V68l40-40v80m40 120v-80l40-40v80m-160 0v-80l40 40"/><path fill="#0ff" d="M88 228v-80l40 40"/></g></svg>

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

React

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

<Icon icon="skill-icons:lit-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:lit-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:lit-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--lit-light]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="skill-icons:lit-light"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل Skill Icons →