chart pie icon
chart-pie-filled from Reicon by REICON · Filled · Business · MIT Free for personal and commercial use.
- Name
- chart-pie-filled
- Set
- Reicon
- Style
- Filled
- Category
- Business
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
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-pieKeyline Iconschart-pieLine Awesomechart-pieLucidechart-pieMajesticonschart-pieMaterial Design Iconschart-pie-fillMingCute Iconchart-pieMyna UI Iconschart-piePhosphorchart-piePrime Iconschart-pieTabler Iconschart-pieTDesign Iconschart-pieUniconschart-pieUnicons Monochrome
More business icons from Reicon
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"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY14)"><path d="M11.532.761A1.234 1.234 0 0 0 10.25 2v10.5c0 .69.56 1.25 1.25 1.25H22c.682 0 1.27-.56 1.239-1.282C22.967 6.125 17.875 1.033 11.532.76"/><path d="M8.75 3.983a.75.75 0 0 0-.987-.711C3.69 4.627.75 8.469.75 13c0 5.66 4.59 10.25 10.25 10.25c4.531 0 8.374-2.94 9.728-7.013a.75.75 0 0 0-.711-.987H10c-.69 0-1.25-.56-1.25-1.25z"/></g><defs><clipPath id="SVGBgS7qSkY14"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function ReiconChartPieFilled(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"><g fill="currentColor" clipPath="url(#SVGBgS7qSkY14)"><path d="M11.532.761A1.234 1.234 0 0 0 10.25 2v10.5c0 .69.56 1.25 1.25 1.25H22c.682 0 1.27-.56 1.239-1.282C22.967 6.125 17.875 1.033 11.532.76"/><path d="M8.75 3.983a.75.75 0 0 0-.987-.711C3.69 4.627.75 8.469.75 13c0 5.66 4.59 10.25 10.25 10.25c4.531 0 8.374-2.94 9.728-7.013a.75.75 0 0 0-.711-.987H10c-.69 0-1.25-.56-1.25-1.25z"/></g><defs><clipPath id="SVGBgS7qSkY14"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY14)"><path d="M11.532.761A1.234 1.234 0 0 0 10.25 2v10.5c0 .69.56 1.25 1.25 1.25H22c.682 0 1.27-.56 1.239-1.282C22.967 6.125 17.875 1.033 11.532.76"/><path d="M8.75 3.983a.75.75 0 0 0-.987-.711C3.69 4.627.75 8.469.75 13c0 5.66 4.59 10.25 10.25 10.25c4.531 0 8.374-2.94 9.728-7.013a.75.75 0 0 0-.711-.987H10c-.69 0-1.25-.56-1.25-1.25z"/></g><defs><clipPath id="SVGBgS7qSkY14"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-chart-pie-filled {
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%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGBgS7qSkY14)%22%3E%3Cpath%20d%3D%22M11.532.761A1.234%201.234%200%200%200%2010.25%202v10.5c0%20.69.56%201.25%201.25%201.25H22c.682%200%201.27-.56%201.239-1.282C22.967%206.125%2017.875%201.033%2011.532.76%22%2F%3E%3Cpath%20d%3D%22M8.75%203.983a.75.75%200%200%200-.987-.711C3.69%204.627.75%208.469.75%2013c0%205.66%204.59%2010.25%2010.25%2010.25c4.531%200%208.374-2.94%209.728-7.013a.75.75%200%200%200-.711-.987H10c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBgS7qSkY14%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGBgS7qSkY14)%22%3E%3Cpath%20d%3D%22M11.532.761A1.234%201.234%200%200%200%2010.25%202v10.5c0%20.69.56%201.25%201.25%201.25H22c.682%200%201.27-.56%201.239-1.282C22.967%206.125%2017.875%201.033%2011.532.76%22%2F%3E%3Cpath%20d%3D%22M8.75%203.983a.75.75%200%200%200-.987-.711C3.69%204.627.75%208.469.75%2013c0%205.66%204.59%2010.25%2010.25%2010.25c4.531%200%208.374-2.94%209.728-7.013a.75.75%200%200%200-.711-.987H10c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBgS7qSkY14%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/chart-pie-filled.svg?color=%231a73e8&size=48
