chart pie icon
chart-pie from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- chart-pie
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline 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-pieMaterial Design Iconschart-pie-fillMingCute Iconchart-pieMyna UI Iconschart-piePhosphorchart-piePrime Iconschart-pieTabler Iconschart-pieTDesign Iconschart-pieUniconschart-pieUnicons Monochromechart-pieUnicons Solid
Related icons in Keyline Icons
chart-areachart-barchart-bar-bigchart-bar-stackedchart-candlestickchart-columnchart-column-bigchart-column-stackedchart-diagramchart-ganttchart-linechart-line-decreasingchart-line-downchart-line-increasingchart-line-upchart-networkchart-no-axes-combinedchart-pyramidchart-scatterchart-scatter-3dchart-scatter-bubblechart-splinechart-tree-mapchart-waterfall
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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.268 10.4689L13.268 3.4689C17.1339 3.4689 20.268 6.6029 20.268 10.4689L13.268 10.4689ZM14.7321 14.4689L21.7321 14.4689C21.7321 16.9698 20.3979 19.2806 18.2321 20.5311L14.7321 14.4689ZM9.268 13.0048L12.768 19.067C11.7038 19.6814 10.4967 20.0048 9.268 20.0048C5.402 20.0048 2.268 16.8708 2.268 13.0048C2.268 9.1388 5.402 6.0048 9.2679 6.0048L9.268 13.0048Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsChartPie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13.268 10.4689L13.268 3.4689C17.1339 3.4689 20.268 6.6029 20.268 10.4689L13.268 10.4689ZM14.7321 14.4689L21.7321 14.4689C21.7321 16.9698 20.3979 19.2806 18.2321 20.5311L14.7321 14.4689ZM9.268 13.0048L12.768 19.067C11.7038 19.6814 10.4967 20.0048 9.268 20.0048C5.402 20.0048 2.268 16.8708 2.268 13.0048C2.268 9.1388 5.402 6.0048 9.2679 6.0048L9.268 13.0048Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.268 10.4689L13.268 3.4689C17.1339 3.4689 20.268 6.6029 20.268 10.4689L13.268 10.4689ZM14.7321 14.4689L21.7321 14.4689C21.7321 16.9698 20.3979 19.2806 18.2321 20.5311L14.7321 14.4689ZM9.268 13.0048L12.768 19.067C11.7038 19.6814 10.4967 20.0048 9.268 20.0048C5.402 20.0048 2.268 16.8708 2.268 13.0048C2.268 9.1388 5.402 6.0048 9.2679 6.0048L9.268 13.0048Z"/></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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13.268%2010.4689L13.268%203.4689C17.1339%203.4689%2020.268%206.6029%2020.268%2010.4689L13.268%2010.4689ZM14.7321%2014.4689L21.7321%2014.4689C21.7321%2016.9698%2020.3979%2019.2806%2018.2321%2020.5311L14.7321%2014.4689ZM9.268%2013.0048L12.768%2019.067C11.7038%2019.6814%2010.4967%2020.0048%209.268%2020.0048C5.402%2020.0048%202.268%2016.8708%202.268%2013.0048C2.268%209.1388%205.402%206.0048%209.2679%206.0048L9.268%2013.0048Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13.268%2010.4689L13.268%203.4689C17.1339%203.4689%2020.268%206.6029%2020.268%2010.4689L13.268%2010.4689ZM14.7321%2014.4689L21.7321%2014.4689C21.7321%2016.9698%2020.3979%2019.2806%2018.2321%2020.5311L14.7321%2014.4689ZM9.268%2013.0048L12.768%2019.067C11.7038%2019.6814%2010.4967%2020.0048%209.268%2020.0048C5.402%2020.0048%202.268%2016.8708%202.268%2013.0048C2.268%209.1388%205.402%206.0048%209.2679%206.0048L9.268%2013.0048Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/chart-pie.svg?color=%231a73e8&size=48
