أيقونة Layout List Linear

solar:layout-list-linear

أيقونة Layout List Linear (solar:layout-list-linear) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: الإعدادات
الوسوم: layoutlist، listlinear، layoutlistlinear

تنزيل 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-width="1.5"><path d="M3 6.48315C3 4.83324 3 4.00828 3.51256 3.49572C4.02513 2.98315 4.85008 2.98315 6.5 2.98315C8.14992 2.98315 8.97487 2.98315 9.48744 3.49572C10 4.00828 10 4.83324 10 6.48315C10 8.13307 10 8.95803 9.48744 9.47059C8.97487 9.98315 8.14992 9.98315 6.5 9.98315C4.85008 9.98315 4.02513 9.98315 3.51256 9.47059C3 8.95803 3 8.13307 3 6.48315Z"/><path d="M21 3.98315L14 3.98315"/><path d="M21 8.98315H14"/><path d="M3 17.5171C3 15.8672 3 15.0422 3.51256 14.5297C4.02513 14.0171 4.85008 14.0171 6.5 14.0171C8.14992 14.0171 8.97487 14.0171 9.48744 14.5297C10 15.0422 10 15.8672 10 17.5171C10 19.167 10 19.992 9.48744 20.5045C8.97487 21.0171 8.14992 21.0171 6.5 21.0171C4.85008 21.0171 4.02513 21.0171 3.51256 20.5045C3 19.992 3 19.167 3 17.5171Z"/><path d="M21 15.0171H14"/><path d="M21 20.0171H14"/></g></svg>

كيفية استخدام أيقونة Layout List Linear

React

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

<Icon icon="solar:layout-list-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:layout-list-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:layout-list-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--layout-list-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:layout-list-linear"></div>

مكوّن ويب

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

<iconify-icon icon="solar:layout-list-linear"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/layout-list-linear.svg" alt="أيقونة Layout List Linear" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Layout List Linear

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

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Layout List Linear في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/solar/layout-list-linear.svg" alt="أيقونة Layout List Linear">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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