أيقونة Bar Chart Vertical Edit
fluent-mdl2:bar-chart-vertical-edit
أيقونة Bar Chart Vertical Edit (fluent-mdl2:bar-chart-vertical-edit) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent UI MDL2
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 2048 × 2048
- الوسوم
- barchart، chartvertical، verticaledit، barchartverticaledit
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1408 384v641l-128 128V256h384v531q-39 22-67 50t-61 61V384zM640 512v1152H256V512zM512 1536V640H384v896zm1536-442q0 39-15 76t-43 65l-717 717l-377 94l94-377l717-716q29-29 64-43t77-14t78 15t64 41t42 63t16 79m-128 0q0-32-20-51t-52-19q-14 0-27 4t-23 15l-692 692l-34 135l135-34l692-691q21-21 21-51M896 1536h1l-25 25q-12 12-27 26q-5 20-9 39t-10 38h-58V768h384v513l-127 127h-1V896H896zM128 128v1664h666l-32 128H0V128z"/></svg>
كيفية استخدام أيقونة Bar Chart Vertical Edit
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:bar-chart-vertical-edit" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:bar-chart-vertical-edit" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:bar-chart-vertical-edit" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--bar-chart-vertical-edit]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:bar-chart-vertical-edit"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:bar-chart-vertical-edit"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/bar-chart-vertical-edit.svg" alt="أيقونة Bar Chart Vertical Edit" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
الأسئلة الشائعة حول أيقونة Bar Chart Vertical Edit
هل أيقونة Bar Chart Vertical Edit مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Bar Chart Vertical Edit في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:bar-chart-vertical-edit" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Bar Chart Vertical Edit إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/bar-chart-vertical-edit.svg" alt="أيقونة Bar Chart Vertical Edit">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
