ICONYZ
العربية
أيقونة Folder List من Quill Icons

أيقونة Folder List

quill:folder-list

أيقونة Folder List (quill:folder-list) أيقونة SVG مجانية من مجموعة Quill Icons من تصميم Casper Lourens. مرسومة على شبكة 32 × 32. تُنشر Quill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Quill Icons
المؤلف
Casper Lourens
الترخيص
MIT
الحجم
32 × 32
الفئة
المجلدات
الوسوم
folderlist
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 15h8m-8 4h8m8 5V11c0-1.105-.892-2-1.997-2H17c-2 0-2-3-5-3H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2Z"/></svg>

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

React

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

<Icon icon="quill:folder-list" width="24" />

Vue

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

<template>
  <Icon icon="quill:folder-list" width="24" />
</template>

Svelte

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

<Icon icon="quill:folder-list" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[quill--folder-list]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/quill -->
<div class="i-quill:folder-list"></div>

مكوّن ويب

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

<iconify-icon icon="quill:folder-list"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/quill/folder-list.svg" alt="أيقونة Folder List" width="24" height="24">

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

أيقونة Folder List في مجموعات أخرى

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

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

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

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

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

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

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

تصفح كل Quill Icons →