Chartjs icon
logos:chartjs
The Chartjs icon (logos:chartjs) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 296 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 296
- Tags
- chartj
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.29z" 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 Chartjs icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:chartjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:chartjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:chartjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--chartjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:chartjs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:chartjs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/chartjs.svg" alt="Chartjs icon" width="24" height="24">Chartjs icon in other icon sets
Chartjs icon FAQ
Is the Chartjs icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Chartjs icon in React?
Install @iconify/react and render <Icon icon="logos:chartjs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chartjs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/chartjs.svg" alt="Chartjs icon">, or paste the SVG code inline to style it with CSS.