أيقونة Bars Progress
fa6-solid:bars-progress
أيقونة Bars Progress (fa6-solid:bars-progress) أيقونة SVG مجانية من مجموعة Font Awesome 6 Solid من تصميم Dave Gandy. مرسومة على شبكة 512 × 512. تُنشر Font Awesome 6 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font Awesome 6 Solid
- المؤلف
- Dave Gandy
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الوسوم
- barsprogress، bar
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M448 160H320v-32h128zM48 64C21.5 64 0 85.5 0 112v64c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48zm400 288v32H192v-32zM48 288c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48z"/></svg>كيفية استخدام أيقونة Bars Progress
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:bars-progress" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:bars-progress" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:bars-progress" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--bars-progress]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:bars-progress"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-solid:bars-progress"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fa6-solid/bars-progress.svg" alt="أيقونة Bars Progress" width="24" height="24">أيقونات ذات صلة في Font Awesome 6 Solid
أيقونة Bars Progress في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Bars Progress
هل أيقونة Bars Progress مجانية للاستخدام التجاري؟
نعم. تُنشر Font Awesome 6 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Bars Progress في React؟
ثبّت @iconify/react واعرض <Icon icon="fa6-solid:bars-progress" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Bars Progress إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fa6-solid/bars-progress.svg" alt="أيقونة Bars Progress">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.