chart pie icon

chart-pie-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
chart-pie-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

chart-piechart-pie-duotonechart-pie-fillchart-pie-sharpchart-pie-sharp-duotonechart-pie-sharp-two-tonechart-pie-two-tone

The same icon in other sets

All chart pie icons →
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="currentColor" 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"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsChartPieSharpFill(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.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"/></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.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"/></svg>
</template>

CSS

.icon-chart-pie-sharp-fill {
  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.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%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.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%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/chart-pie-sharp-fill.svg?color=%231a73e8&size=48