Chartdotjs icon
thesvg-color:chartdotjs
The Chartdotjs icon (thesvg-color:chartdotjs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 296 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 256 × 296
- Tags
- chartdotj
SVG code
<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>How to use the Chartdotjs icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/thesvg-color/chartdotjs.svg" alt="Chartdotjs icon" width="24" height="24">Chartdotjs icon in other icon sets
Chartdotjs icon FAQ
Is the Chartdotjs icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Chartdotjs icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:chartdotjs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chartdotjs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/chartdotjs.svg" alt="Chartdotjs icon">, or paste the SVG code inline to style it with CSS.