pie chart icon
pie-chart-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- pie-chart-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- pie-chart-fill
2 other variants in Ant Design Icons
The same icon in other sets
pie-chartBootstrap Iconspie-chartBoxIcons v2pie-chartBoxIcons v2 Solidpie-chartCodiconspie-chartElement Pluspie-chart-fillEva Iconspie-chartFont Awesome Solidpie-chartFeather Iconspie-chart-solidFlowbite Iconspie-chartHuge Iconspie-chartHumbleiconspie-chartIonIconspie-chartJam Iconspie-chartLucidepie-chartMaterial Symbolspie-chartMaterial Symbols Lightpie-chartRadix Iconspie-chart-fillRemix Iconpie-chart-boldSolarpie-chart-outlineTeenyicons
Use the pie chart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M863.1 518.5H505.5V160.9c0-4.4-3.6-8-8-8h-26a398.57 398.57 0 0 0-282.5 117a397.5 397.5 0 0 0-85.6 127C82.6 446.2 72 498.5 72 552.5S82.6 658.7 103.4 708c20.1 47.5 48.9 90.3 85.6 127s79.4 65.5 127 85.6a396.6 396.6 0 0 0 155.6 31.5a398.57 398.57 0 0 0 282.5-117c36.7-36.7 65.5-79.4 85.6-127a396.6 396.6 0 0 0 31.5-155.6v-26c-.1-4.4-3.7-8-8.1-8M951 463l-2.6-28.2c-8.5-92-49.3-178.8-115.1-244.3A398.5 398.5 0 0 0 588.4 75.6L560.1 73c-4.7-.4-8.7 3.2-8.7 7.9v383.7c0 4.4 3.6 8 8 8l383.6-1c4.7-.1 8.4-4 8-8.6"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignPieChartFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M863.1 518.5H505.5V160.9c0-4.4-3.6-8-8-8h-26a398.57 398.57 0 0 0-282.5 117a397.5 397.5 0 0 0-85.6 127C82.6 446.2 72 498.5 72 552.5S82.6 658.7 103.4 708c20.1 47.5 48.9 90.3 85.6 127s79.4 65.5 127 85.6a396.6 396.6 0 0 0 155.6 31.5a398.57 398.57 0 0 0 282.5-117c36.7-36.7 65.5-79.4 85.6-127a396.6 396.6 0 0 0 31.5-155.6v-26c-.1-4.4-3.7-8-8.1-8M951 463l-2.6-28.2c-8.5-92-49.3-178.8-115.1-244.3A398.5 398.5 0 0 0 588.4 75.6L560.1 73c-4.7-.4-8.7 3.2-8.7 7.9v383.7c0 4.4 3.6 8 8 8l383.6-1c4.7-.1 8.4-4 8-8.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M863.1 518.5H505.5V160.9c0-4.4-3.6-8-8-8h-26a398.57 398.57 0 0 0-282.5 117a397.5 397.5 0 0 0-85.6 127C82.6 446.2 72 498.5 72 552.5S82.6 658.7 103.4 708c20.1 47.5 48.9 90.3 85.6 127s79.4 65.5 127 85.6a396.6 396.6 0 0 0 155.6 31.5a398.57 398.57 0 0 0 282.5-117c36.7-36.7 65.5-79.4 85.6-127a396.6 396.6 0 0 0 31.5-155.6v-26c-.1-4.4-3.7-8-8.1-8M951 463l-2.6-28.2c-8.5-92-49.3-178.8-115.1-244.3A398.5 398.5 0 0 0 588.4 75.6L560.1 73c-4.7-.4-8.7 3.2-8.7 7.9v383.7c0 4.4 3.6 8 8 8l383.6-1c4.7-.1 8.4-4 8-8.6"/></svg> </template>
CSS
.icon-pie-chart-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M863.1%20518.5H505.5V160.9c0-4.4-3.6-8-8-8h-26a398.57%20398.57%200%200%200-282.5%20117a397.5%20397.5%200%200%200-85.6%20127C82.6%20446.2%2072%20498.5%2072%20552.5S82.6%20658.7%20103.4%20708c20.1%2047.5%2048.9%2090.3%2085.6%20127s79.4%2065.5%20127%2085.6a396.6%20396.6%200%200%200%20155.6%2031.5a398.57%20398.57%200%200%200%20282.5-117c36.7-36.7%2065.5-79.4%2085.6-127a396.6%20396.6%200%200%200%2031.5-155.6v-26c-.1-4.4-3.7-8-8.1-8M951%20463l-2.6-28.2c-8.5-92-49.3-178.8-115.1-244.3A398.5%20398.5%200%200%200%20588.4%2075.6L560.1%2073c-4.7-.4-8.7%203.2-8.7%207.9v383.7c0%204.4%203.6%208%208%208l383.6-1c4.7-.1%208.4-4%208-8.6%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M863.1%20518.5H505.5V160.9c0-4.4-3.6-8-8-8h-26a398.57%20398.57%200%200%200-282.5%20117a397.5%20397.5%200%200%200-85.6%20127C82.6%20446.2%2072%20498.5%2072%20552.5S82.6%20658.7%20103.4%20708c20.1%2047.5%2048.9%2090.3%2085.6%20127s79.4%2065.5%20127%2085.6a396.6%20396.6%200%200%200%20155.6%2031.5a398.57%20398.57%200%200%200%20282.5-117c36.7-36.7%2065.5-79.4%2085.6-127a396.6%20396.6%200%200%200%2031.5-155.6v-26c-.1-4.4-3.7-8-8.1-8M951%20463l-2.6-28.2c-8.5-92-49.3-178.8-115.1-244.3A398.5%20398.5%200%200%200%20588.4%2075.6L560.1%2073c-4.7-.4-8.7%203.2-8.7%207.9v383.7c0%204.4%203.6%208%208%208l383.6-1c4.7-.1%208.4-4%208-8.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/pie-chart-filled.svg?color=%231a73e8&size=48
