أيقونة Chart Box
mdi:chart-box
أيقونة Chart Box (mdi:chart-box) أيقونة SVG مجانية من مجموعة Material Design Icons من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Icons
- المؤلف
- Pictogrammers
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الفئة
- الرياضيات
- الوسوم
- poll box، report box، widget box، graph box، math، chartbox
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M9 17H7v-7h2zm4 0h-2V7h2zm4 0h-2v-4h2z"/></svg>كيفية استخدام أيقونة Chart Box
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:chart-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:chart-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:chart-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--chart-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:chart-box"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:chart-box"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/mdi/chart-box.svg" alt="أيقونة Chart Box" width="24" height="24">أيقونات ذات صلة في Material Design Icons
chart-arc
chart-areaspline
chart-areaspline-variant
chart-bar
chart-bar-stacked
chart-bell-curve
chart-bell-curve-cumulative
chart-box-multiple
chart-box-multiple-outline
chart-box-outline
chart-box-plus-outline
chart-bubble
chart-donut
chart-donut-variant
chart-gantt
chart-histogram
chart-line
chart-line-stacked
chart-line-variant
chart-multiline
chart-multiple
chart-pie
chart-pie-outline
chart-ppf
الأسئلة الشائعة حول أيقونة Chart Box
هل أيقونة Chart Box مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Chart Box في React؟
ثبّت @iconify/react واعرض <Icon icon="mdi:chart-box" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Chart Box إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mdi/chart-box.svg" alt="أيقونة Chart Box">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.