أيقونة Chart Bar Stacked

keyline-icons:chart-bar-stacked

أيقونة Chart Bar Stacked (keyline-icons:chart-bar-stacked) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: chartbar، barstacked، chartbarstacked

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21M8 5L15 5C15.5523 5 16 5.4477 16 6L16 8C16 8.5523 15.5523 9 15 9L8 9C7.4477 9 7 8.5523 7 8L7 6C7 5.4477 7.4477 5 8 5ZM8 13L18 13C18.5523 13 19 13.4477 19 14L19 16C19 16.5523 18.5523 17 18 17L8 17C7.4477 17 7 16.5523 7 16L7 14C7 13.4477 7.4477 13 8 13ZM12 5L12 9M14 13L14 17"/></svg>

كيفية استخدام أيقونة Chart Bar Stacked

React

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

<Icon icon="keyline-icons:chart-bar-stacked" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:chart-bar-stacked" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:chart-bar-stacked" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--chart-bar-stacked]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:chart-bar-stacked"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:chart-bar-stacked"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/chart-bar-stacked.svg" alt="أيقونة Chart Bar Stacked" width="24" height="24">

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

أيقونة Chart Bar Stacked في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Chart Bar Stacked

هل أيقونة Chart Bar Stacked مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Chart Bar Stacked في React؟

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

كيف أضيف أيقونة Chart Bar Stacked إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/chart-bar-stacked.svg" alt="أيقونة Chart Bar Stacked">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Keyline Icons →