ICONYZ
العربية
أيقونة Chartdotjs من theSVG Color

أيقونة Chartdotjs

thesvg-color:chartdotjs

أيقونة Chartdotjs (thesvg-color:chartdotjs) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 296. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
256 × 296
الوسوم
chartdotj
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="296" viewBox="0 0 256 296"><path fill="#36a2eb" d="M248.572 148.807c-41.32.811-32.713 26.969-61.833 33.584c-29.582 6.72-34.252-72.248-63.826-72.248c-29.579 0-36.13 76.709-73.166 129.37l-1.057 1.491l79.404 45.836l120.478-69.551z"/><path fill="#ffce56" d="M248.572 146.426c-13.832-17.752-23.214-38.16-43.4-38.16c-35.72 0-26.32 58.271-65.798 58.271c-39.482 0-43.633-62.679-88.358-3.759c-14.252 18.774-25.723 39.707-34.734 59.515l111.812 64.549l120.478-69.551z"/><path fill="#fe6184" d="M7.613 170.564c13.555-37.538 19.405-67.94 45.283-67.94c39.478 0 48.875 110.908 82.718 99.625c33.838-11.278 30.077-71.432 82.719-71.432c10.02 0 20.25 6.138 30.241 16.067v70.405l-120.478 69.55L7.613 217.29v-46.725Z" opacity=".8"/><path fill="#e7e9ed" d="M128 295.56L0 221.673V73.89L128 0l128 73.89v147.78zM15.039 212.99L128 278.2l112.961-65.21V82.572L128 17.362L15.039 82.572z"/></svg>

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

React

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

<Icon icon="thesvg-color:chartdotjs" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:chartdotjs" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:chartdotjs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--chartdotjs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:chartdotjs"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:chartdotjs"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/chartdotjs.svg" alt="أيقونة Chartdotjs" width="24" height="24">

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

أيقونة Chartdotjs من Simple Icons
Simple Icons
 أيقونة Chartdotjs من theSVG
theSVG

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

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

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

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

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

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

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

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