ICONYZ
العربية
أيقونة Chunk Light من theSVG Color

أيقونة Chunk Light

thesvg-color:chunk-light

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

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
65 × 65
الوسوم
chunklight
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="65" height="65" viewBox="0 0 65 65"><path fill="#1c273a" fill-rule="evenodd" d="M97.457 9.082v-.018C97.435 4.324 93.54.422 88.77.36c-2.332.026-7.067-.042-10.607 0c-10.464.006-23.997-.011-24.64.002a8.8 8.8 0 0 0-5.4 1.998c-3.982 3.796-7.802 7.742-11.729 11.59c-1.495 1.428-2.475 3.296-2.71 5.386c-.04.32-.05.673-.056.99v30.288c-.029 2.888.036 4.11.004 4.612c.114 4.668 3.99 8.484 8.737 8.522c8.193.033 34.282-.043 34.988 0c1.312 0 2.683-.307 3.81-.862a8.8 8.8 0 0 0 1.85-1.187c3.964-3.802 7.783-7.722 11.698-11.567c1.579-1.512 2.572-3.526 2.72-5.75a8 8 0 0 0 .016-.354c.004-.13.004-.214.004-.234V9.082zM45.895 35.93h2.895q0 2.95 1.69 4.397q1.662 1.449 5.227 1.448h7.24q3.565 0 5.227-1.448q1.69-1.447 1.69-4.397h2.895q0 3.003-1.046 5.014q-1.045 2.037-3.19 3.056q-2.145 1.046-5.47 1.046H55.6q-3.325 0-5.47-1.046q-2.145-1.019-3.19-3.056q-1.045-2.01-1.045-5.014m6.22-3.99q0-1.073.697-1.823q.725-.724 1.85-.724t1.823.724q.724.75.724 1.823q0 1.099-.724 1.823q-.697.724-1.823.724t-1.85-.724q-.697-.724-.697-1.823m8.955 0q0-1.073.697-1.823q.723-.724 1.85-.724q1.125 0 1.823.724q.724.75.724 1.823q0 1.099-.724 1.823q-.698.724-1.823.724q-1.127 0-1.85-.724q-.697-.724-.697-1.823"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة chunk-dark
chunk-dark

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

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

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

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

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

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

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

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