chart pie icon
chart-pie from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.
- Name
- chart-pie
- Set
- Majesticons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
The same icon in other sets
chart-pieCarbonchart-pieFramework7 Iconschart-pieFont Awesome 6 Solidchart-pieFont Awesome Solidchart-pie-outlineFlowbite Iconschart-pieHealth Iconschart-pieHeroIconschart-pieIconParkchart-pieIconPark Outlinechart-pieIconPark Solidchart-pieIconPark TwoTonechart-pieLine Awesomechart-pieLucidechart-pieMaterial Design Iconschart-pie-fillMingCute Iconchart-pieMyna UI Iconschart-piePhosphorchart-piePrime Iconschart-pieTabler Iconschart-pieTDesign Iconschart-pieUniconschart-pieUnicons Monochromechart-pieUnicons Solid
Related icons in Majesticons
Use the chart pie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 21a9 9 0 0 1-9-9c0-4.248 2.943-7.854 6.9-8.808c.58-.14 1.1.329 1.1.925V11a2 2 0 0 0 2 2h6.883c.596 0 1.064.52.925 1.1c-.954 3.957-4.56 6.9-8.808 6.9zm3-17v5h5c-.333-1.667-1.8-5-5-5z" fill="currentColor"/><path d="M9.9 3.192l.235.973l-.235-.973zM20.808 14.1l.972.234l-.972-.234zM15 9h-1a1 1 0 0 0 1 1V9zm0-5V3a1 1 0 0 0-1 1h1zm5 5v1a1 1 0 0 0 .98-1.196L20 9zM2 12c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8H2zm7.666-9.78C5.264 3.28 2 7.285 2 12h2c0-3.78 2.62-6.989 6.135-7.835L9.666 2.22zM12 4.117c0-1.15-1.037-2.21-2.334-1.897l.469 1.945a.146.146 0 0 1-.12-.028C10 4.123 10 4.112 10 4.117h2zM12 11V4.117h-2V11h2zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2zm6.883 0H13v2h6.883v-2zm1.897 2.334c.312-1.296-.748-2.334-1.897-2.334v2c.005 0-.006.001-.02-.016a.145.145 0 0 1-.027-.119l1.944.469zM12 22c4.715 0 8.72-3.264 9.78-7.666l-1.945-.469C18.99 17.38 15.78 20 12 20v2zm4-13V4h-2v5h2zm4-1h-5v2h5V8zm-5-3c1.203 0 2.105.611 2.785 1.488c.694.895 1.091 1.993 1.234 2.708l1.962-.392c-.19-.952-.694-2.354-1.616-3.542C18.429 4.055 16.997 3 15 3v2z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsChartPie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fillRule="evenodd" clipRule="evenodd" d="M12 21a9 9 0 0 1-9-9c0-4.248 2.943-7.854 6.9-8.808c.58-.14 1.1.329 1.1.925V11a2 2 0 0 0 2 2h6.883c.596 0 1.064.52.925 1.1c-.954 3.957-4.56 6.9-8.808 6.9zm3-17v5h5c-.333-1.667-1.8-5-5-5z" fill="currentColor"/><path d="M9.9 3.192l.235.973l-.235-.973zM20.808 14.1l.972.234l-.972-.234zM15 9h-1a1 1 0 0 0 1 1V9zm0-5V3a1 1 0 0 0-1 1h1zm5 5v1a1 1 0 0 0 .98-1.196L20 9zM2 12c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8H2zm7.666-9.78C5.264 3.28 2 7.285 2 12h2c0-3.78 2.62-6.989 6.135-7.835L9.666 2.22zM12 4.117c0-1.15-1.037-2.21-2.334-1.897l.469 1.945a.146.146 0 0 1-.12-.028C10 4.123 10 4.112 10 4.117h2zM12 11V4.117h-2V11h2zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2zm6.883 0H13v2h6.883v-2zm1.897 2.334c.312-1.296-.748-2.334-1.897-2.334v2c.005 0-.006.001-.02-.016a.145.145 0 0 1-.027-.119l1.944.469zM12 22c4.715 0 8.72-3.264 9.78-7.666l-1.945-.469C18.99 17.38 15.78 20 12 20v2zm4-13V4h-2v5h2zm4-1h-5v2h5V8zm-5-3c1.203 0 2.105.611 2.785 1.488c.694.895 1.091 1.993 1.234 2.708l1.962-.392c-.19-.952-.694-2.354-1.616-3.542C18.429 4.055 16.997 3 15 3v2z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 21a9 9 0 0 1-9-9c0-4.248 2.943-7.854 6.9-8.808c.58-.14 1.1.329 1.1.925V11a2 2 0 0 0 2 2h6.883c.596 0 1.064.52.925 1.1c-.954 3.957-4.56 6.9-8.808 6.9zm3-17v5h5c-.333-1.667-1.8-5-5-5z" fill="currentColor"/><path d="M9.9 3.192l.235.973l-.235-.973zM20.808 14.1l.972.234l-.972-.234zM15 9h-1a1 1 0 0 0 1 1V9zm0-5V3a1 1 0 0 0-1 1h1zm5 5v1a1 1 0 0 0 .98-1.196L20 9zM2 12c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8H2zm7.666-9.78C5.264 3.28 2 7.285 2 12h2c0-3.78 2.62-6.989 6.135-7.835L9.666 2.22zM12 4.117c0-1.15-1.037-2.21-2.334-1.897l.469 1.945a.146.146 0 0 1-.12-.028C10 4.123 10 4.112 10 4.117h2zM12 11V4.117h-2V11h2zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2zm6.883 0H13v2h6.883v-2zm1.897 2.334c.312-1.296-.748-2.334-1.897-2.334v2c.005 0-.006.001-.02-.016a.145.145 0 0 1-.027-.119l1.944.469zM12 22c4.715 0 8.72-3.264 9.78-7.666l-1.945-.469C18.99 17.38 15.78 20 12 20v2zm4-13V4h-2v5h2zm4-1h-5v2h5V8zm-5-3c1.203 0 2.105.611 2.785 1.488c.694.895 1.091 1.993 1.234 2.708l1.962-.392c-.19-.952-.694-2.354-1.616-3.542C18.429 4.055 16.997 3 15 3v2z" fill="currentColor"/></g></svg> </template>
CSS
.icon-chart-pie {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%200%201-9-9c0-4.248%202.943-7.854%206.9-8.808c.58-.14%201.1.329%201.1.925V11a2%202%200%200%200%202%202h6.883c.596%200%201.064.52.925%201.1c-.954%203.957-4.56%206.9-8.808%206.9zm3-17v5h5c-.333-1.667-1.8-5-5-5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M9.9%203.192l.235.973l-.235-.973zM20.808%2014.1l.972.234l-.972-.234zM15%209h-1a1%201%200%200%200%201%201V9zm0-5V3a1%201%200%200%200-1%201h1zm5%205v1a1%201%200%200%200%20.98-1.196L20%209zM2%2012c0%205.523%204.477%2010%2010%2010v-2a8%208%200%200%201-8-8H2zm7.666-9.78C5.264%203.28%202%207.285%202%2012h2c0-3.78%202.62-6.989%206.135-7.835L9.666%202.22zM12%204.117c0-1.15-1.037-2.21-2.334-1.897l.469%201.945a.146.146%200%200%201-.12-.028C10%204.123%2010%204.112%2010%204.117h2zM12%2011V4.117h-2V11h2zm1%201a1%201%200%200%201-1-1h-2a3%203%200%200%200%203%203v-2zm6.883%200H13v2h6.883v-2zm1.897%202.334c.312-1.296-.748-2.334-1.897-2.334v2c.005%200-.006.001-.02-.016a.145.145%200%200%201-.027-.119l1.944.469zM12%2022c4.715%200%208.72-3.264%209.78-7.666l-1.945-.469C18.99%2017.38%2015.78%2020%2012%2020v2zm4-13V4h-2v5h2zm4-1h-5v2h5V8zm-5-3c1.203%200%202.105.611%202.785%201.488c.694.895%201.091%201.993%201.234%202.708l1.962-.392c-.19-.952-.694-2.354-1.616-3.542C18.429%204.055%2016.997%203%2015%203v2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%200%201-9-9c0-4.248%202.943-7.854%206.9-8.808c.58-.14%201.1.329%201.1.925V11a2%202%200%200%200%202%202h6.883c.596%200%201.064.52.925%201.1c-.954%203.957-4.56%206.9-8.808%206.9zm3-17v5h5c-.333-1.667-1.8-5-5-5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M9.9%203.192l.235.973l-.235-.973zM20.808%2014.1l.972.234l-.972-.234zM15%209h-1a1%201%200%200%200%201%201V9zm0-5V3a1%201%200%200%200-1%201h1zm5%205v1a1%201%200%200%200%20.98-1.196L20%209zM2%2012c0%205.523%204.477%2010%2010%2010v-2a8%208%200%200%201-8-8H2zm7.666-9.78C5.264%203.28%202%207.285%202%2012h2c0-3.78%202.62-6.989%206.135-7.835L9.666%202.22zM12%204.117c0-1.15-1.037-2.21-2.334-1.897l.469%201.945a.146.146%200%200%201-.12-.028C10%204.123%2010%204.112%2010%204.117h2zM12%2011V4.117h-2V11h2zm1%201a1%201%200%200%201-1-1h-2a3%203%200%200%200%203%203v-2zm6.883%200H13v2h6.883v-2zm1.897%202.334c.312-1.296-.748-2.334-1.897-2.334v2c.005%200-.006.001-.02-.016a.145.145%200%200%201-.027-.119l1.944.469zM12%2022c4.715%200%208.72-3.264%209.78-7.666l-1.945-.469C18.99%2017.38%2015.78%2020%2012%2020v2zm4-13V4h-2v5h2zm4-1h-5v2h5V8zm-5-3c1.203%200%202.105.611%202.785%201.488c.694.895%201.091%201.993%201.234%202.708l1.962-.392c-.19-.952-.694-2.354-1.616-3.542C18.429%204.055%2016.997%203%2015%203v2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/chart-pie.svg?color=%231a73e8&size=48
