chartdotjs logo
chartdotjs from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- chartdotjs
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the chartdotjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0L1.605 6v12L12 24l10.395-6V6zm0 1.41l9.172 5.295v10.59L12 22.59l-9.172-5.295V6.705zM5.902 8.334c-1.306 0-1.983.956-2.574 2.41v6.262L12 22.014l8.672-5.008v-5.971c-.447-.264-.894-.412-1.336-.412c-4.275 0-3.97 4.885-6.717 5.8c-2.748.917-3.511-8.089-6.717-8.089m12.364.457c-2.9 0-2.137 4.732-5.342 4.732c-1.63 0-2.52-1.317-3.477-1.981c.148.326.3.655.442.98c.467 1.068.922 2.09 1.379 2.734c.228.322.455.541.644.644a.6.6 0 0 0 .549.05c.558-.187.968-.571 1.36-1.112c.39-.541.74-1.228 1.154-1.916s.894-1.385 1.59-1.918c.695-.534 1.607-.881 2.77-.881c.465 0 .908.136 1.337.352v-.121c-.633-.849-1.348-1.563-2.406-1.563m-6.68.152c-.868 0-1.491.82-2.076 2.06c.094.055.192.106.277.167c1.06.761 1.798 1.853 3.137 1.853c.678 0 1.067-.218 1.418-.585c-.722-1.546-1.432-3.492-2.756-3.495"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsChartdotjs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0L1.605 6v12L12 24l10.395-6V6zm0 1.41l9.172 5.295v10.59L12 22.59l-9.172-5.295V6.705zM5.902 8.334c-1.306 0-1.983.956-2.574 2.41v6.262L12 22.014l8.672-5.008v-5.971c-.447-.264-.894-.412-1.336-.412c-4.275 0-3.97 4.885-6.717 5.8c-2.748.917-3.511-8.089-6.717-8.089m12.364.457c-2.9 0-2.137 4.732-5.342 4.732c-1.63 0-2.52-1.317-3.477-1.981c.148.326.3.655.442.98c.467 1.068.922 2.09 1.379 2.734c.228.322.455.541.644.644a.6.6 0 0 0 .549.05c.558-.187.968-.571 1.36-1.112c.39-.541.74-1.228 1.154-1.916s.894-1.385 1.59-1.918c.695-.534 1.607-.881 2.77-.881c.465 0 .908.136 1.337.352v-.121c-.633-.849-1.348-1.563-2.406-1.563m-6.68.152c-.868 0-1.491.82-2.076 2.06c.094.055.192.106.277.167c1.06.761 1.798 1.853 3.137 1.853c.678 0 1.067-.218 1.418-.585c-.722-1.546-1.432-3.492-2.756-3.495"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0L1.605 6v12L12 24l10.395-6V6zm0 1.41l9.172 5.295v10.59L12 22.59l-9.172-5.295V6.705zM5.902 8.334c-1.306 0-1.983.956-2.574 2.41v6.262L12 22.014l8.672-5.008v-5.971c-.447-.264-.894-.412-1.336-.412c-4.275 0-3.97 4.885-6.717 5.8c-2.748.917-3.511-8.089-6.717-8.089m12.364.457c-2.9 0-2.137 4.732-5.342 4.732c-1.63 0-2.52-1.317-3.477-1.981c.148.326.3.655.442.98c.467 1.068.922 2.09 1.379 2.734c.228.322.455.541.644.644a.6.6 0 0 0 .549.05c.558-.187.968-.571 1.36-1.112c.39-.541.74-1.228 1.154-1.916s.894-1.385 1.59-1.918c.695-.534 1.607-.881 2.77-.881c.465 0 .908.136 1.337.352v-.121c-.633-.849-1.348-1.563-2.406-1.563m-6.68.152c-.868 0-1.491.82-2.076 2.06c.094.055.192.106.277.167c1.06.761 1.798 1.853 3.137 1.853c.678 0 1.067-.218 1.418-.585c-.722-1.546-1.432-3.492-2.756-3.495"/></svg> </template>
CSS
.icon-chartdotjs {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200L1.605%206v12L12%2024l10.395-6V6zm0%201.41l9.172%205.295v10.59L12%2022.59l-9.172-5.295V6.705zM5.902%208.334c-1.306%200-1.983.956-2.574%202.41v6.262L12%2022.014l8.672-5.008v-5.971c-.447-.264-.894-.412-1.336-.412c-4.275%200-3.97%204.885-6.717%205.8c-2.748.917-3.511-8.089-6.717-8.089m12.364.457c-2.9%200-2.137%204.732-5.342%204.732c-1.63%200-2.52-1.317-3.477-1.981c.148.326.3.655.442.98c.467%201.068.922%202.09%201.379%202.734c.228.322.455.541.644.644a.6.6%200%200%200%20.549.05c.558-.187.968-.571%201.36-1.112c.39-.541.74-1.228%201.154-1.916s.894-1.385%201.59-1.918c.695-.534%201.607-.881%202.77-.881c.465%200%20.908.136%201.337.352v-.121c-.633-.849-1.348-1.563-2.406-1.563m-6.68.152c-.868%200-1.491.82-2.076%202.06c.094.055.192.106.277.167c1.06.761%201.798%201.853%203.137%201.853c.678%200%201.067-.218%201.418-.585c-.722-1.546-1.432-3.492-2.756-3.495%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200L1.605%206v12L12%2024l10.395-6V6zm0%201.41l9.172%205.295v10.59L12%2022.59l-9.172-5.295V6.705zM5.902%208.334c-1.306%200-1.983.956-2.574%202.41v6.262L12%2022.014l8.672-5.008v-5.971c-.447-.264-.894-.412-1.336-.412c-4.275%200-3.97%204.885-6.717%205.8c-2.748.917-3.511-8.089-6.717-8.089m12.364.457c-2.9%200-2.137%204.732-5.342%204.732c-1.63%200-2.52-1.317-3.477-1.981c.148.326.3.655.442.98c.467%201.068.922%202.09%201.379%202.734c.228.322.455.541.644.644a.6.6%200%200%200%20.549.05c.558-.187.968-.571%201.36-1.112c.39-.541.74-1.228%201.154-1.916s.894-1.385%201.59-1.918c.695-.534%201.607-.881%202.77-.881c.465%200%20.908.136%201.337.352v-.121c-.633-.849-1.348-1.563-2.406-1.563m-6.68.152c-.868%200-1.491.82-2.076%202.06c.094.055.192.106.277.167c1.06.761%201.798%201.853%203.137%201.853c.678%200%201.067-.218%201.418-.585c-.722-1.546-1.432-3.492-2.756-3.495%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/chartdotjs.svg?color=%231a73e8&size=48
