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

أيقونة Intlayer Light

thesvg-color:intlayer-light

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="448" viewBox="0 0 480 448"><defs><path id="SVGx22VTcBv" d="M50 1C25.147 1 5 21.147 5 46s20.147 45 45 45h245c24.853 0 45-20.147 45-45S319.853 1 295 1zM5 221c0-24.853 20.147-45 45-45h380c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45m0 173c0-24.853 20.147-45 45-45h180c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45"/></defs><use href="#SVGx22VTcBv"/><use href="#SVGx22VTcBv"/><path d="M6 46C6 21.7 25.7 2 50 2V0C24.595 0 4 20.595 4 46zm44 44C25.7 90 6 70.3 6 46H4c0 25.405 20.595 46 46 46zm245 0H50v2h245zm44-44c0 24.3-19.699 44-44 44v2c25.405 0 46-20.595 46-46zM295 2c24.301 0 44 19.7 44 44h2c0-25.405-20.595-46-46-46zM50 2h245V0H50zm0 173c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm380 0H50v2h380zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.301-19.699 44-44 44zm-380 0h380v-2H50zM4 221c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.699-44-44zm46 127c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm180 0H50v2h180zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.3-19.699 44-44 44zm-180 0h180v-2H50zM4 394c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.7-44-44z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

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