ICONYZ
العربية
أيقونة Lighton من WebHostingHub Glyphs

أيقونة Lighton

whh:lighton

أيقونة Lighton (whh:lighton) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 961 × 961. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
WebHostingHub Glyphs
المؤلف
WebHostingHub
الترخيص
OFL-1.1
الحجم
961 × 961
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="961" height="961" viewBox="0 0 961 961"><path fill="currentColor" d="M609 961H289q-44 0-70-45.5T193 817q0-5 1.5-14t15.5-42t38-72t76.5-103.5T449 449t136-124.5T689.5 248t71-38t43.5-15l13-2q53 0 98.5 26t45.5 70v320q0 51-35.5 114T838 838t-115 87.5T609 961m187.5-668Q776 273 688 332T496 495.5T333 688t-39 108.5t108-39T594 594t163.5-192.5t39-108.5M614 250.5q-19 10.5-40 5T542 232L488 76q-11-18-5.5-38T507 7.5t40.5-5T580 26l54 157q11 17 5 37t-25 30.5M301 370L143 213q-14-15-14-35t14.5-34.5T178 129t35 14l157 158q14 14 14 34.5t-14 35t-34.5 14.5t-34.5-15m-50.5 244Q240 633 220 639t-37-5L26 580Q8 569 2.5 547.5t5-40.5T38 482.5t38 5.5l156 54q18 11 23.5 32t-5 40"/></svg>

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

React

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

<Icon icon="whh:lighton" width="24" />

Vue

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

<template>
  <Icon icon="whh:lighton" width="24" />
</template>

Svelte

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

<Icon icon="whh:lighton" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--lighton]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:lighton"></div>

مكوّن ويب

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

<iconify-icon icon="whh:lighton"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/lighton.svg" alt="أيقونة Lighton" width="24" height="24">

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

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

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