أيقونة Folders Bold

solar:folders-bold

أيقونة Folders Bold (solar:folders-bold) أيقونة 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
الوسوم: foldersbold، folder

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.04785 5.85352C3.96731 6.05229 3.90409 6.26025 3.86328 6.47656C3.80646 6.77773 3.80664 7.13923 3.80664 7.8623V13.6396C3.80664 16.7295 3.80667 18.2744 4.7666 19.2344C5.72659 20.1941 7.2715 20.1943 10.3613 20.1943H13.6387C15.7315 20.1943 17.1152 20.1928 18.0889 19.8945C17.9468 20.3589 17.7377 20.7301 17.4277 21.04C16.4678 22 14.9228 22 11.833 22H8.55469C5.46487 22 3.91989 22 2.95996 21.04C2.00012 20.0801 2 18.5352 2 15.4453V9.66797C2 8.94504 1.99982 8.58336 2.05664 8.28223C2.26609 7.17238 3.02778 6.26642 4.04785 5.85352Z"/><path d="M9.66797 2C9.98481 2 10.1437 2.00041 10.2959 2.01465C10.9521 2.07608 11.5746 2.33336 12.082 2.75391C12.1997 2.85148 12.3122 2.96352 12.5361 3.1875L12.9863 3.63867C13.6548 4.30711 13.9894 4.64159 14.3896 4.86426C14.6095 4.98656 14.843 5.08338 15.085 5.15234C15.5253 5.27779 15.9983 5.27734 16.9434 5.27734H17.249C19.4059 5.27734 20.4845 5.27772 21.1855 5.9082C21.2499 5.96612 21.3112 6.0274 21.3691 6.0918C21.9996 6.7928 22 7.8714 22 10.0283V11.833C22 14.9228 22 16.4678 21.04 17.4277C20.0801 18.3877 18.5351 18.3877 15.4453 18.3877H12.167C9.07716 18.3877 7.53219 18.3877 6.57227 17.4277C5.61234 16.4678 5.6123 14.9228 5.6123 11.833V6.05566C5.6123 5.33265 5.61214 4.97107 5.66895 4.66992C5.9191 3.34409 6.9564 2.30679 8.28223 2.05664C8.58338 1.99983 8.94496 2 9.66797 2Z"/></g></svg>

كيفية استخدام أيقونة Folders Bold

React

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

<Icon icon="solar:folders-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:folders-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:folders-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-bold"></div>

مكوّن ويب

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

<iconify-icon icon="solar:folders-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="أيقونة Folders Bold" width="24" height="24">

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

أيقونة Folders Bold في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Folders Bold

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

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

كيف أستخدم أيقونة Folders Bold في React؟

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

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

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

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