أيقونة Folder
websymbol:folder
أيقونة Folder (websymbol:folder) أيقونة SVG مجانية من مجموعة Web Symbols Liga من تصميم Just Be Nice studio. مرسومة على شبكة 1391 × 1000. تُنشر Web Symbols Liga icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Web Symbols Liga
- المؤلف
- Just Be Nice studio
- الترخيص
- OFL-1.1
- الحجم
- 1391 × 1000
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1391" height="1000" viewBox="0 0 1391 1000"><path fill="currentColor" d="M1313 218H78q9-48 27-67q16-17 31-17h4q4 1 8 1q12 0 26-4q18-6 25-29l24-72Q300 1 431 1q89 0 164 29l25 72q24 23 32.5 26t43.5 3h485q84 0 110 22q12 11 22 65m78 164v10l-68 523q-5 35-33.5 60.5T1225 1001H167q-36 0-65.5-25.5T68 915L1 392q-1-3-1-10q0-33 22.5-54.5T78 306h1235q33 0 55.5 21.5T1391 382"/></svg>
كيفية استخدام أيقونة Folder
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:folder" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:folder" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:folder" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--folder]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:folder"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:folder"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/websymbol/folder.svg" alt="أيقونة Folder" width="24" height="24">
أيقونة Folder في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Folder
هل أيقونة Folder مجانية للاستخدام التجاري؟
نعم. تُنشر Web Symbols Liga icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Folder في React؟
ثبّت @iconify/react واعرض <Icon icon="websymbol:folder" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Folder إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/websymbol/folder.svg" alt="أيقونة Folder">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Web Symbols Liga →
ICONYZ
