chart pie icon
chart-pie-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- chart-pie-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- 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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.268 10.4689L12.268 3.4689C12.268 2.9166 12.7157 2.4689 13.268 2.4689C17.6862 2.4689 21.268 6.0506 21.268 10.4689C21.268 11.0212 20.8202 11.4689 20.268 11.4689L13.268 11.4689C12.7157 11.4689 12.268 11.0212 12.268 10.4689ZM14.7321 13.4689L21.7321 13.4689C22.2843 13.4689 22.7321 13.9166 22.7321 14.4689C22.7321 17.327 21.2073 19.968 18.7321 21.3971C18.58 21.4849 18.4076 21.5311 18.2321 21.5311C17.8748 21.5311 17.5447 21.3405 17.366 21.0311L13.866 14.9689C13.7783 14.8169 13.7321 14.6444 13.7321 14.4689C13.7321 13.9166 14.1798 13.4689 14.7321 13.4689ZM10.268 12.7368L13.634 18.567C13.7217 18.719 13.768 18.8914 13.768 19.067C13.768 19.4242 13.5774 19.7544 13.268 19.933C12.0518 20.6351 10.6722 21.0048 9.268 21.0048C4.8497 21.0048 1.268 17.4231 1.268 13.0048C1.268 8.5865 4.8497 5.0048 9.2679 5.0048C9.8202 5.0048 10.2679 5.4525 10.2679 6.0048L10.268 12.7368Z" stroke="none"/><path 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"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsChartPieTwoTone(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" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M12.268 10.4689L12.268 3.4689C12.268 2.9166 12.7157 2.4689 13.268 2.4689C17.6862 2.4689 21.268 6.0506 21.268 10.4689C21.268 11.0212 20.8202 11.4689 20.268 11.4689L13.268 11.4689C12.7157 11.4689 12.268 11.0212 12.268 10.4689ZM14.7321 13.4689L21.7321 13.4689C22.2843 13.4689 22.7321 13.9166 22.7321 14.4689C22.7321 17.327 21.2073 19.968 18.7321 21.3971C18.58 21.4849 18.4076 21.5311 18.2321 21.5311C17.8748 21.5311 17.5447 21.3405 17.366 21.0311L13.866 14.9689C13.7783 14.8169 13.7321 14.6444 13.7321 14.4689C13.7321 13.9166 14.1798 13.4689 14.7321 13.4689ZM10.268 12.7368L13.634 18.567C13.7217 18.719 13.768 18.8914 13.768 19.067C13.768 19.4242 13.5774 19.7544 13.268 19.933C12.0518 20.6351 10.6722 21.0048 9.268 21.0048C4.8497 21.0048 1.268 17.4231 1.268 13.0048C1.268 8.5865 4.8497 5.0048 9.2679 5.0048C9.8202 5.0048 10.2679 5.4525 10.2679 6.0048L10.268 12.7368Z" stroke="none"/><path 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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.268 10.4689L12.268 3.4689C12.268 2.9166 12.7157 2.4689 13.268 2.4689C17.6862 2.4689 21.268 6.0506 21.268 10.4689C21.268 11.0212 20.8202 11.4689 20.268 11.4689L13.268 11.4689C12.7157 11.4689 12.268 11.0212 12.268 10.4689ZM14.7321 13.4689L21.7321 13.4689C22.2843 13.4689 22.7321 13.9166 22.7321 14.4689C22.7321 17.327 21.2073 19.968 18.7321 21.3971C18.58 21.4849 18.4076 21.5311 18.2321 21.5311C17.8748 21.5311 17.5447 21.3405 17.366 21.0311L13.866 14.9689C13.7783 14.8169 13.7321 14.6444 13.7321 14.4689C13.7321 13.9166 14.1798 13.4689 14.7321 13.4689ZM10.268 12.7368L13.634 18.567C13.7217 18.719 13.768 18.8914 13.768 19.067C13.768 19.4242 13.5774 19.7544 13.268 19.933C12.0518 20.6351 10.6722 21.0048 9.268 21.0048C4.8497 21.0048 1.268 17.4231 1.268 13.0048C1.268 8.5865 4.8497 5.0048 9.2679 5.0048C9.8202 5.0048 10.2679 5.4525 10.2679 6.0048L10.268 12.7368Z" stroke="none"/><path 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"/></g></svg> </template>
CSS
.icon-chart-pie-two-tone {
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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.268%2010.4689L12.268%203.4689C12.268%202.9166%2012.7157%202.4689%2013.268%202.4689C17.6862%202.4689%2021.268%206.0506%2021.268%2010.4689C21.268%2011.0212%2020.8202%2011.4689%2020.268%2011.4689L13.268%2011.4689C12.7157%2011.4689%2012.268%2011.0212%2012.268%2010.4689ZM14.7321%2013.4689L21.7321%2013.4689C22.2843%2013.4689%2022.7321%2013.9166%2022.7321%2014.4689C22.7321%2017.327%2021.2073%2019.968%2018.7321%2021.3971C18.58%2021.4849%2018.4076%2021.5311%2018.2321%2021.5311C17.8748%2021.5311%2017.5447%2021.3405%2017.366%2021.0311L13.866%2014.9689C13.7783%2014.8169%2013.7321%2014.6444%2013.7321%2014.4689C13.7321%2013.9166%2014.1798%2013.4689%2014.7321%2013.4689ZM10.268%2012.7368L13.634%2018.567C13.7217%2018.719%2013.768%2018.8914%2013.768%2019.067C13.768%2019.4242%2013.5774%2019.7544%2013.268%2019.933C12.0518%2020.6351%2010.6722%2021.0048%209.268%2021.0048C4.8497%2021.0048%201.268%2017.4231%201.268%2013.0048C1.268%208.5865%204.8497%205.0048%209.2679%205.0048C9.8202%205.0048%2010.2679%205.4525%2010.2679%206.0048L10.268%2012.7368Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%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%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.268%2010.4689L12.268%203.4689C12.268%202.9166%2012.7157%202.4689%2013.268%202.4689C17.6862%202.4689%2021.268%206.0506%2021.268%2010.4689C21.268%2011.0212%2020.8202%2011.4689%2020.268%2011.4689L13.268%2011.4689C12.7157%2011.4689%2012.268%2011.0212%2012.268%2010.4689ZM14.7321%2013.4689L21.7321%2013.4689C22.2843%2013.4689%2022.7321%2013.9166%2022.7321%2014.4689C22.7321%2017.327%2021.2073%2019.968%2018.7321%2021.3971C18.58%2021.4849%2018.4076%2021.5311%2018.2321%2021.5311C17.8748%2021.5311%2017.5447%2021.3405%2017.366%2021.0311L13.866%2014.9689C13.7783%2014.8169%2013.7321%2014.6444%2013.7321%2014.4689C13.7321%2013.9166%2014.1798%2013.4689%2014.7321%2013.4689ZM10.268%2012.7368L13.634%2018.567C13.7217%2018.719%2013.768%2018.8914%2013.768%2019.067C13.768%2019.4242%2013.5774%2019.7544%2013.268%2019.933C12.0518%2020.6351%2010.6722%2021.0048%209.268%2021.0048C4.8497%2021.0048%201.268%2017.4231%201.268%2013.0048C1.268%208.5865%204.8497%205.0048%209.2679%205.0048C9.8202%205.0048%2010.2679%205.4525%2010.2679%206.0048L10.268%2012.7368Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%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%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/chart-pie-two-tone.svg?color=%231a73e8&size=48
