ICONYZ
العربية
أيقونة Layers Fill من Keyline Icons

أيقونة Layers Fill

keyline-icons:layers-fill

أيقونة Layers Fill (keyline-icons:layers-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Keyline Icons
المؤلف
Keyline Icons
الترخيص
MIT
الحجم
24 × 24
الوسوم
layersfill، layer
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M12.8764 1.2022L21.8764 5.5897C22.5639 5.9249 23 6.6227 23 7.3875C23 8.1523 22.5639 8.8501 21.8764 9.1853L12.8764 13.5728C12.6034 13.7058 12.3037 13.775 12 13.775C11.6963 13.775 11.3966 13.7058 11.1236 13.5728L2.1236 9.1853C1.4361 8.8501 1 8.1523 1 7.3875C1 6.6227 1.4361 5.9249 2.1236 5.5897L11.1236 1.2022C11.3966 1.0692 11.6963 1 12 1C12.3037 1 12.6034 1.0692 12.8764 1.2022Z" stroke="none"/><path d="M2 12.625L11.5618 17.2864C11.8384 17.4212 12.1616 17.4212 12.4382 17.2864L22 12.625M2 17.2375L11.5618 21.8989C11.8384 22.0337 12.1616 22.0337 12.4382 21.8989L22 17.2375"/></g></svg>

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

React

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

<Icon icon="keyline-icons:layers-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:layers-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:layers-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--layers-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:layers-fill"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:layers-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/layers-fill.svg" alt="أيقونة Layers Fill" width="24" height="24">

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

أيقونة Layers Fill في مجموعات أخرى

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

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

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

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

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

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

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

تصفح كل Keyline Icons →