chart pie icon
chart-pie-outline from Material Design Icons by Pictogrammers · Outline · Math · Apache-2.0 Free for personal and commercial use.
- Name
- chart-pie-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Math
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- graph-pie-outline, report-pie-outline, widget-pie-outline
1 other variant in Material Design Icons
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-pieMajesticonschart-pie-fillMingCute Iconchart-pieMyna UI Iconschart-piePhosphorchart-piePrime Iconschart-pieTabler Iconschart-pieTDesign Iconschart-pieUniconschart-pieUnicons Monochromechart-pieUnicons Solid
More math icons from Material Design Icons
abacusangle-acuteangle-obtuseangle-rightapproximately-equalapproximately-equal-boxcalculatorcalculator-variantchart-arcchart-areasplinechart-areaspline-variantchart-barchart-bar-stackedchart-bell-curvechart-bell-curve-cumulativechart-boxchart-box-multiplechart-box-plus-outlinechart-bubblechart-donutchart-donut-variantchart-ganttchart-histogramchart-line
Use the chart pie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 11h6.95q-.37-2.75-2.29-4.66Q15.75 4.43 13 4.05m-2 15.9V4.05q-3 .38-5 2.64T4 12t2 5.31q2 2.27 5 2.64m2 0q2.75-.35 4.68-2.27q1.92-1.93 2.27-4.68H13m-1 9q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.89.79q1.81.79 3.17 2.15q1.37 1.36 2.15 3.17Q22 9.93 22 12q0 2.05-.79 3.88q-.78 1.82-2.13 3.18q-1.35 1.37-3.18 2.15q-1.82.79-3.9.79"/></svg>
React
import type { SVGProps } from "react";
export function MdiChartPieOutline(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="M13 11h6.95q-.37-2.75-2.29-4.66Q15.75 4.43 13 4.05m-2 15.9V4.05q-3 .38-5 2.64T4 12t2 5.31q2 2.27 5 2.64m2 0q2.75-.35 4.68-2.27q1.92-1.93 2.27-4.68H13m-1 9q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.89.79q1.81.79 3.17 2.15q1.37 1.36 2.15 3.17Q22 9.93 22 12q0 2.05-.79 3.88q-.78 1.82-2.13 3.18q-1.35 1.37-3.18 2.15q-1.82.79-3.9.79"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 11h6.95q-.37-2.75-2.29-4.66Q15.75 4.43 13 4.05m-2 15.9V4.05q-3 .38-5 2.64T4 12t2 5.31q2 2.27 5 2.64m2 0q2.75-.35 4.68-2.27q1.92-1.93 2.27-4.68H13m-1 9q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.89.79q1.81.79 3.17 2.15q1.37 1.36 2.15 3.17Q22 9.93 22 12q0 2.05-.79 3.88q-.78 1.82-2.13 3.18q-1.35 1.37-3.18 2.15q-1.82.79-3.9.79"/></svg> </template>
CSS
.icon-chart-pie-outline {
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%22M13%2011h6.95q-.37-2.75-2.29-4.66Q15.75%204.43%2013%204.05m-2%2015.9V4.05q-3%20.38-5%202.64T4%2012t2%205.31q2%202.27%205%202.64m2%200q2.75-.35%204.68-2.27q1.92-1.93%202.27-4.68H13m-1%209q-2.07%200-3.9-.79q-1.82-.78-3.17-2.13T2.79%2015.9Q2%2014.08%202%2012t.79-3.9t2.14-3.17T8.1%202.79Q9.93%202%2012%202t3.89.79q1.81.79%203.17%202.15q1.37%201.36%202.15%203.17Q22%209.93%2022%2012q0%202.05-.79%203.88q-.78%201.82-2.13%203.18q-1.35%201.37-3.18%202.15q-1.82.79-3.9.79%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%22M13%2011h6.95q-.37-2.75-2.29-4.66Q15.75%204.43%2013%204.05m-2%2015.9V4.05q-3%20.38-5%202.64T4%2012t2%205.31q2%202.27%205%202.64m2%200q2.75-.35%204.68-2.27q1.92-1.93%202.27-4.68H13m-1%209q-2.07%200-3.9-.79q-1.82-.78-3.17-2.13T2.79%2015.9Q2%2014.08%202%2012t.79-3.9t2.14-3.17T8.1%202.79Q9.93%202%2012%202t3.89.79q1.81.79%203.17%202.15q1.37%201.36%202.15%203.17Q22%209.93%2022%2012q0%202.05-.79%203.88q-.78%201.82-2.13%203.18q-1.35%201.37-3.18%202.15q-1.82.79-3.9.79%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/chart-pie-outline.svg?color=%231a73e8&size=48
