pie chart icon
pie-chart-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.
- Name
- pie-chart-twotone
- Set
- Ant Design Icons
- Style
- TwoTone
- Viewbox
- 1024×1024
- License
- MIT
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" fill-opacity=".15" d="M316.2 920.5c-47.6-20.1-90.4-49-127.1-85.7a398.2 398.2 0 0 1-85.7-127.1A397.1 397.1 0 0 1 72 552.2v.2a398.57 398.57 0 0 0 117 282.5c36.7 36.7 79.4 65.5 127 85.6A396.6 396.6 0 0 0 471.6 952c27 0 53.6-2.7 79.7-7.9c-25.9 5.2-52.4 7.8-79.3 7.8c-54 .1-106.4-10.5-155.8-31.4M560 472c-4.4 0-8-3.6-8-8V79.9q0-1.95.9-3.6c-.9 1.3-1.5 2.9-1.5 4.6v383.7c0 4.4 3.6 8 8 8l383.6-1c1.6 0 3.1-.5 4.4-1.3c-1 .5-2.2.7-3.4.7z"/><path fill="currentColor" fill-opacity=".15" d="M619.8 147.6v256.6l256.4-.7c-13-62.5-44.3-120.5-90-166.1a332.24 332.24 0 0 0-166.4-89.8"/><path fill="currentColor" fill-opacity=".15" d="M438 221.7c-75.9 7.6-146.2 40.9-200.8 95.5C174.5 379.9 140 463.3 140 552s34.5 172.1 97.2 234.8c62.3 62.3 145.1 96.8 233.2 97.2c88.2.4 172.7-34.1 235.3-96.2C761 733 794.6 662.3 802.3 586H438z"/><path fill="currentColor" d="M864 518H506V160c0-4.4-3.6-8-8-8h-26a398.46 398.46 0 0 0-282.8 117.1a398.2 398.2 0 0 0-85.7 127.1A397.6 397.6 0 0 0 72 552v.2c0 53.9 10.6 106.2 31.4 155.5c20.1 47.6 49 90.4 85.7 127.1s79.5 65.6 127.1 85.7A397.6 397.6 0 0 0 472 952c26.9 0 53.4-2.6 79.3-7.8c26.1-5.3 51.7-13.1 76.4-23.6c47.6-20.1 90.4-49 127.1-85.7s65.6-79.5 85.7-127.1A397.6 397.6 0 0 0 872 552v-26c0-4.4-3.6-8-8-8M705.7 787.8A331.6 331.6 0 0 1 470.4 884c-88.1-.4-170.9-34.9-233.2-97.2C174.5 724.1 140 640.7 140 552s34.5-172.1 97.2-234.8c54.6-54.6 124.9-87.9 200.8-95.5V586h364.3c-7.7 76.3-41.3 147-96.6 201.8"/><path fill="currentColor" d="m952 462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4 399.4 0 0 0 589 74.6L560.7 72c-3.4-.3-6.4 1.5-7.8 4.3a8.7 8.7 0 0 0-.9 3.6V464c0 4.4 3.6 8 8 8l384-1c1.2 0 2.3-.3 3.4-.7a8.1 8.1 0 0 0 4.6-7.9m-332.2-58.2V147.6a332.24 332.24 0 0 1 166.4 89.8c45.7 45.6 77 103.6 90 166.1z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignPieChartTwotone(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" fillOpacity=".15" d="M316.2 920.5c-47.6-20.1-90.4-49-127.1-85.7a398.2 398.2 0 0 1-85.7-127.1A397.1 397.1 0 0 1 72 552.2v.2a398.57 398.57 0 0 0 117 282.5c36.7 36.7 79.4 65.5 127 85.6A396.6 396.6 0 0 0 471.6 952c27 0 53.6-2.7 79.7-7.9c-25.9 5.2-52.4 7.8-79.3 7.8c-54 .1-106.4-10.5-155.8-31.4M560 472c-4.4 0-8-3.6-8-8V79.9q0-1.95.9-3.6c-.9 1.3-1.5 2.9-1.5 4.6v383.7c0 4.4 3.6 8 8 8l383.6-1c1.6 0 3.1-.5 4.4-1.3c-1 .5-2.2.7-3.4.7z"/><path fill="currentColor" fillOpacity=".15" d="M619.8 147.6v256.6l256.4-.7c-13-62.5-44.3-120.5-90-166.1a332.24 332.24 0 0 0-166.4-89.8"/><path fill="currentColor" fillOpacity=".15" d="M438 221.7c-75.9 7.6-146.2 40.9-200.8 95.5C174.5 379.9 140 463.3 140 552s34.5 172.1 97.2 234.8c62.3 62.3 145.1 96.8 233.2 97.2c88.2.4 172.7-34.1 235.3-96.2C761 733 794.6 662.3 802.3 586H438z"/><path fill="currentColor" d="M864 518H506V160c0-4.4-3.6-8-8-8h-26a398.46 398.46 0 0 0-282.8 117.1a398.2 398.2 0 0 0-85.7 127.1A397.6 397.6 0 0 0 72 552v.2c0 53.9 10.6 106.2 31.4 155.5c20.1 47.6 49 90.4 85.7 127.1s79.5 65.6 127.1 85.7A397.6 397.6 0 0 0 472 952c26.9 0 53.4-2.6 79.3-7.8c26.1-5.3 51.7-13.1 76.4-23.6c47.6-20.1 90.4-49 127.1-85.7s65.6-79.5 85.7-127.1A397.6 397.6 0 0 0 872 552v-26c0-4.4-3.6-8-8-8M705.7 787.8A331.6 331.6 0 0 1 470.4 884c-88.1-.4-170.9-34.9-233.2-97.2C174.5 724.1 140 640.7 140 552s34.5-172.1 97.2-234.8c54.6-54.6 124.9-87.9 200.8-95.5V586h364.3c-7.7 76.3-41.3 147-96.6 201.8"/><path fill="currentColor" d="m952 462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4 399.4 0 0 0 589 74.6L560.7 72c-3.4-.3-6.4 1.5-7.8 4.3a8.7 8.7 0 0 0-.9 3.6V464c0 4.4 3.6 8 8 8l384-1c1.2 0 2.3-.3 3.4-.7a8.1 8.1 0 0 0 4.6-7.9m-332.2-58.2V147.6a332.24 332.24 0 0 1 166.4 89.8c45.7 45.6 77 103.6 90 166.1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M316.2 920.5c-47.6-20.1-90.4-49-127.1-85.7a398.2 398.2 0 0 1-85.7-127.1A397.1 397.1 0 0 1 72 552.2v.2a398.57 398.57 0 0 0 117 282.5c36.7 36.7 79.4 65.5 127 85.6A396.6 396.6 0 0 0 471.6 952c27 0 53.6-2.7 79.7-7.9c-25.9 5.2-52.4 7.8-79.3 7.8c-54 .1-106.4-10.5-155.8-31.4M560 472c-4.4 0-8-3.6-8-8V79.9q0-1.95.9-3.6c-.9 1.3-1.5 2.9-1.5 4.6v383.7c0 4.4 3.6 8 8 8l383.6-1c1.6 0 3.1-.5 4.4-1.3c-1 .5-2.2.7-3.4.7z"/><path fill="currentColor" fill-opacity=".15" d="M619.8 147.6v256.6l256.4-.7c-13-62.5-44.3-120.5-90-166.1a332.24 332.24 0 0 0-166.4-89.8"/><path fill="currentColor" fill-opacity=".15" d="M438 221.7c-75.9 7.6-146.2 40.9-200.8 95.5C174.5 379.9 140 463.3 140 552s34.5 172.1 97.2 234.8c62.3 62.3 145.1 96.8 233.2 97.2c88.2.4 172.7-34.1 235.3-96.2C761 733 794.6 662.3 802.3 586H438z"/><path fill="currentColor" d="M864 518H506V160c0-4.4-3.6-8-8-8h-26a398.46 398.46 0 0 0-282.8 117.1a398.2 398.2 0 0 0-85.7 127.1A397.6 397.6 0 0 0 72 552v.2c0 53.9 10.6 106.2 31.4 155.5c20.1 47.6 49 90.4 85.7 127.1s79.5 65.6 127.1 85.7A397.6 397.6 0 0 0 472 952c26.9 0 53.4-2.6 79.3-7.8c26.1-5.3 51.7-13.1 76.4-23.6c47.6-20.1 90.4-49 127.1-85.7s65.6-79.5 85.7-127.1A397.6 397.6 0 0 0 872 552v-26c0-4.4-3.6-8-8-8M705.7 787.8A331.6 331.6 0 0 1 470.4 884c-88.1-.4-170.9-34.9-233.2-97.2C174.5 724.1 140 640.7 140 552s34.5-172.1 97.2-234.8c54.6-54.6 124.9-87.9 200.8-95.5V586h364.3c-7.7 76.3-41.3 147-96.6 201.8"/><path fill="currentColor" d="m952 462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4 399.4 0 0 0 589 74.6L560.7 72c-3.4-.3-6.4 1.5-7.8 4.3a8.7 8.7 0 0 0-.9 3.6V464c0 4.4 3.6 8 8 8l384-1c1.2 0 2.3-.3 3.4-.7a8.1 8.1 0 0 0 4.6-7.9m-332.2-58.2V147.6a332.24 332.24 0 0 1 166.4 89.8c45.7 45.6 77 103.6 90 166.1z"/></svg> </template>
CSS
.icon-pie-chart-twotone {
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%20fill-opacity%3D%22.15%22%20d%3D%22M316.2%20920.5c-47.6-20.1-90.4-49-127.1-85.7a398.2%20398.2%200%200%201-85.7-127.1A397.1%20397.1%200%200%201%2072%20552.2v.2a398.57%20398.57%200%200%200%20117%20282.5c36.7%2036.7%2079.4%2065.5%20127%2085.6A396.6%20396.6%200%200%200%20471.6%20952c27%200%2053.6-2.7%2079.7-7.9c-25.9%205.2-52.4%207.8-79.3%207.8c-54%20.1-106.4-10.5-155.8-31.4M560%20472c-4.4%200-8-3.6-8-8V79.9q0-1.95.9-3.6c-.9%201.3-1.5%202.9-1.5%204.6v383.7c0%204.4%203.6%208%208%208l383.6-1c1.6%200%203.1-.5%204.4-1.3c-1%20.5-2.2.7-3.4.7z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M619.8%20147.6v256.6l256.4-.7c-13-62.5-44.3-120.5-90-166.1a332.24%20332.24%200%200%200-166.4-89.8%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M438%20221.7c-75.9%207.6-146.2%2040.9-200.8%2095.5C174.5%20379.9%20140%20463.3%20140%20552s34.5%20172.1%2097.2%20234.8c62.3%2062.3%20145.1%2096.8%20233.2%2097.2c88.2.4%20172.7-34.1%20235.3-96.2C761%20733%20794.6%20662.3%20802.3%20586H438z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M864%20518H506V160c0-4.4-3.6-8-8-8h-26a398.46%20398.46%200%200%200-282.8%20117.1a398.2%20398.2%200%200%200-85.7%20127.1A397.6%20397.6%200%200%200%2072%20552v.2c0%2053.9%2010.6%20106.2%2031.4%20155.5c20.1%2047.6%2049%2090.4%2085.7%20127.1s79.5%2065.6%20127.1%2085.7A397.6%20397.6%200%200%200%20472%20952c26.9%200%2053.4-2.6%2079.3-7.8c26.1-5.3%2051.7-13.1%2076.4-23.6c47.6-20.1%2090.4-49%20127.1-85.7s65.6-79.5%2085.7-127.1A397.6%20397.6%200%200%200%20872%20552v-26c0-4.4-3.6-8-8-8M705.7%20787.8A331.6%20331.6%200%200%201%20470.4%20884c-88.1-.4-170.9-34.9-233.2-97.2C174.5%20724.1%20140%20640.7%20140%20552s34.5-172.1%2097.2-234.8c54.6-54.6%20124.9-87.9%20200.8-95.5V586h364.3c-7.7%2076.3-41.3%20147-96.6%20201.8%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m952%20462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4%20399.4%200%200%200%20589%2074.6L560.7%2072c-3.4-.3-6.4%201.5-7.8%204.3a8.7%208.7%200%200%200-.9%203.6V464c0%204.4%203.6%208%208%208l384-1c1.2%200%202.3-.3%203.4-.7a8.1%208.1%200%200%200%204.6-7.9m-332.2-58.2V147.6a332.24%20332.24%200%200%201%20166.4%2089.8c45.7%2045.6%2077%20103.6%2090%20166.1z%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%20fill-opacity%3D%22.15%22%20d%3D%22M316.2%20920.5c-47.6-20.1-90.4-49-127.1-85.7a398.2%20398.2%200%200%201-85.7-127.1A397.1%20397.1%200%200%201%2072%20552.2v.2a398.57%20398.57%200%200%200%20117%20282.5c36.7%2036.7%2079.4%2065.5%20127%2085.6A396.6%20396.6%200%200%200%20471.6%20952c27%200%2053.6-2.7%2079.7-7.9c-25.9%205.2-52.4%207.8-79.3%207.8c-54%20.1-106.4-10.5-155.8-31.4M560%20472c-4.4%200-8-3.6-8-8V79.9q0-1.95.9-3.6c-.9%201.3-1.5%202.9-1.5%204.6v383.7c0%204.4%203.6%208%208%208l383.6-1c1.6%200%203.1-.5%204.4-1.3c-1%20.5-2.2.7-3.4.7z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M619.8%20147.6v256.6l256.4-.7c-13-62.5-44.3-120.5-90-166.1a332.24%20332.24%200%200%200-166.4-89.8%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M438%20221.7c-75.9%207.6-146.2%2040.9-200.8%2095.5C174.5%20379.9%20140%20463.3%20140%20552s34.5%20172.1%2097.2%20234.8c62.3%2062.3%20145.1%2096.8%20233.2%2097.2c88.2.4%20172.7-34.1%20235.3-96.2C761%20733%20794.6%20662.3%20802.3%20586H438z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M864%20518H506V160c0-4.4-3.6-8-8-8h-26a398.46%20398.46%200%200%200-282.8%20117.1a398.2%20398.2%200%200%200-85.7%20127.1A397.6%20397.6%200%200%200%2072%20552v.2c0%2053.9%2010.6%20106.2%2031.4%20155.5c20.1%2047.6%2049%2090.4%2085.7%20127.1s79.5%2065.6%20127.1%2085.7A397.6%20397.6%200%200%200%20472%20952c26.9%200%2053.4-2.6%2079.3-7.8c26.1-5.3%2051.7-13.1%2076.4-23.6c47.6-20.1%2090.4-49%20127.1-85.7s65.6-79.5%2085.7-127.1A397.6%20397.6%200%200%200%20872%20552v-26c0-4.4-3.6-8-8-8M705.7%20787.8A331.6%20331.6%200%200%201%20470.4%20884c-88.1-.4-170.9-34.9-233.2-97.2C174.5%20724.1%20140%20640.7%20140%20552s34.5-172.1%2097.2-234.8c54.6-54.6%20124.9-87.9%20200.8-95.5V586h364.3c-7.7%2076.3-41.3%20147-96.6%20201.8%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m952%20462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4%20399.4%200%200%200%20589%2074.6L560.7%2072c-3.4-.3-6.4%201.5-7.8%204.3a8.7%208.7%200%200%200-.9%203.6V464c0%204.4%203.6%208%208%208l384-1c1.2%200%202.3-.3%203.4-.7a8.1%208.1%200%200%200%204.6-7.9m-332.2-58.2V147.6a332.24%20332.24%200%200%201%20166.4%2089.8c45.7%2045.6%2077%20103.6%2090%20166.1z%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-twotone.svg?color=%231a73e8&size=48
