Chartjs icon
file-icons:chartjs
The Chartjs icon (file-icons:chartjs) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 444 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 444 × 512
- Tags
- chartj
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="444" height="512" viewBox="0 0 444 512"><path fill="currentColor" d="M93.773 383.301L56.185 359.84c7.174-23.248 66.002-128.702 101.15-125.735c-20.377 53.312-31.795 100.81-63.562 149.196m73.899-125.875c-16.825 50.264-35.685 96.805-59.43 134.418l113.77 65.845L401.808 354.1v-96.054c-17.409 1.899-28.04 11.714-33.856 27.625c-8.966 24.522-45.09 53.526-74.208 14.434c-46.294 73.817-89.691 61.131-126.072-42.678m-15.976-37.5c-29.717-63.536-86.128-64.359-110.288 30.382v99.365c16.752-30.082 69.495-126.03 110.288-129.747m241.551 23.284c-30.182-22.633-75.278 4.926-92.666 44.772c16.273 26.845 32.626 21.312 46.433 8.314c11.115-10.464 14.987-42.382 46.233-53.086m-131.318 1.74c-28.167-53.934-52.027-95.947-82.744-17.201c25.446 19.944 55.937 40.149 82.744 17.202m24.196 44.355c-6.059-9.207-12.04-20.276-17.61-31.46c-26.778 21.11-60.71 10.872-94.623-16.6c20.782 53.499 37.073 83.209 53.345 91.251c18.386 9.087 43.204-11.97 58.888-43.191M30.222 145.277v221.446L222 477.446l191.778-110.723V145.277L222 34.554zM444 128v256L222 512L0 384V128L222 0zm-42.192 96.855c-33.024-49.825-60.828-52.76-81.188-38.38c-18.528 13.084-31.146 44.257-41.24 60.66c4.485 10.063 8.71 15.672 13.613 24.951c23.655-45.014 67.622-71.407 108.815-40.748z"/></svg>How to use the Chartjs icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:chartjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:chartjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:chartjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--chartjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:chartjs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:chartjs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/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. File Icons are released under the ISC 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="file-icons: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/file-icons/chartjs.svg" alt="Chartjs icon">, or paste the SVG code inline to style it with CSS.