pie chart icon
pie-chart-bold from Solar by 480 Design · Bold · Business · CC-BY-4.0 Attribution required.
- Name
- pie-chart-bold
- Set
- Solar
- Style
- Bold
- Category
- Business
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
pie-chart-filledAnt Design Iconspie-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-outlineTeenyicons
More business icons from Solar
chart-2-boldchart-boldchart-square-boldchat-square-2-boldcourse-down-boldcourse-up-bolddiagram-down-bolddiagram-up-boldgraph-boldgraph-down-boldgraph-down-new-boldgraph-new-boldgraph-new-up-boldgraph-up-boldkanban-boldkanban-square-boldpie-chart-2-boldpie-chart-3-boldpresentation-graph-boldround-graph-boldtable-boldtable-cells-merge-boldtable-cells-split-boldtable-columns-split-bold
Use the pie chart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9.16312 3.77528C9.28724 4.17046 9.0675 4.59144 8.67232 4.71555C5.23899 5.7939 2.75 9.00185 2.75 12.7892C2.75 17.462 6.53805 21.25 11.2108 21.25C14.9982 21.25 18.2061 18.761 19.2845 15.3277C19.4086 14.9325 19.8296 14.7128 20.2247 14.8369C20.6199 14.961 20.8397 15.382 20.7155 15.7772C19.4465 19.8177 15.6721 22.75 11.2108 22.75C5.70962 22.75 1.25 18.2904 1.25 12.7892C1.25 8.32794 4.18231 4.55354 8.22285 3.28448C8.61803 3.16036 9.039 3.3801 9.16312 3.77528Z" clip-rule="evenodd"/><path d="M21.9131 9.94727C20.8515 6.14438 17.8556 3.14845 14.0527 2.0869C12.4091 1.6281 11 3.05419 11 4.76062V11.4551C11 12.3083 11.6917 13 12.5449 13H19.2394C20.9458 13 22.3719 11.5909 21.9131 9.94727Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPieChartBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M9.16312 3.77528C9.28724 4.17046 9.0675 4.59144 8.67232 4.71555C5.23899 5.7939 2.75 9.00185 2.75 12.7892C2.75 17.462 6.53805 21.25 11.2108 21.25C14.9982 21.25 18.2061 18.761 19.2845 15.3277C19.4086 14.9325 19.8296 14.7128 20.2247 14.8369C20.6199 14.961 20.8397 15.382 20.7155 15.7772C19.4465 19.8177 15.6721 22.75 11.2108 22.75C5.70962 22.75 1.25 18.2904 1.25 12.7892C1.25 8.32794 4.18231 4.55354 8.22285 3.28448C8.61803 3.16036 9.039 3.3801 9.16312 3.77528Z" clipRule="evenodd"/><path d="M21.9131 9.94727C20.8515 6.14438 17.8556 3.14845 14.0527 2.0869C12.4091 1.6281 11 3.05419 11 4.76062V11.4551C11 12.3083 11.6917 13 12.5449 13H19.2394C20.9458 13 22.3719 11.5909 21.9131 9.94727Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9.16312 3.77528C9.28724 4.17046 9.0675 4.59144 8.67232 4.71555C5.23899 5.7939 2.75 9.00185 2.75 12.7892C2.75 17.462 6.53805 21.25 11.2108 21.25C14.9982 21.25 18.2061 18.761 19.2845 15.3277C19.4086 14.9325 19.8296 14.7128 20.2247 14.8369C20.6199 14.961 20.8397 15.382 20.7155 15.7772C19.4465 19.8177 15.6721 22.75 11.2108 22.75C5.70962 22.75 1.25 18.2904 1.25 12.7892C1.25 8.32794 4.18231 4.55354 8.22285 3.28448C8.61803 3.16036 9.039 3.3801 9.16312 3.77528Z" clip-rule="evenodd"/><path d="M21.9131 9.94727C20.8515 6.14438 17.8556 3.14845 14.0527 2.0869C12.4091 1.6281 11 3.05419 11 4.76062V11.4551C11 12.3083 11.6917 13 12.5449 13H19.2394C20.9458 13 22.3719 11.5909 21.9131 9.94727Z"/></g></svg> </template>
CSS
.icon-pie-chart-bold {
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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.16312%203.77528C9.28724%204.17046%209.0675%204.59144%208.67232%204.71555C5.23899%205.7939%202.75%209.00185%202.75%2012.7892C2.75%2017.462%206.53805%2021.25%2011.2108%2021.25C14.9982%2021.25%2018.2061%2018.761%2019.2845%2015.3277C19.4086%2014.9325%2019.8296%2014.7128%2020.2247%2014.8369C20.6199%2014.961%2020.8397%2015.382%2020.7155%2015.7772C19.4465%2019.8177%2015.6721%2022.75%2011.2108%2022.75C5.70962%2022.75%201.25%2018.2904%201.25%2012.7892C1.25%208.32794%204.18231%204.55354%208.22285%203.28448C8.61803%203.16036%209.039%203.3801%209.16312%203.77528Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M21.9131%209.94727C20.8515%206.14438%2017.8556%203.14845%2014.0527%202.0869C12.4091%201.6281%2011%203.05419%2011%204.76062V11.4551C11%2012.3083%2011.6917%2013%2012.5449%2013H19.2394C20.9458%2013%2022.3719%2011.5909%2021.9131%209.94727Z%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.16312%203.77528C9.28724%204.17046%209.0675%204.59144%208.67232%204.71555C5.23899%205.7939%202.75%209.00185%202.75%2012.7892C2.75%2017.462%206.53805%2021.25%2011.2108%2021.25C14.9982%2021.25%2018.2061%2018.761%2019.2845%2015.3277C19.4086%2014.9325%2019.8296%2014.7128%2020.2247%2014.8369C20.6199%2014.961%2020.8397%2015.382%2020.7155%2015.7772C19.4465%2019.8177%2015.6721%2022.75%2011.2108%2022.75C5.70962%2022.75%201.25%2018.2904%201.25%2012.7892C1.25%208.32794%204.18231%204.55354%208.22285%203.28448C8.61803%203.16036%209.039%203.3801%209.16312%203.77528Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M21.9131%209.94727C20.8515%206.14438%2017.8556%203.14845%2014.0527%202.0869C12.4091%201.6281%2011%203.05419%2011%204.76062V11.4551C11%2012.3083%2011.6917%2013%2012.5449%2013H19.2394C20.9458%2013%2022.3719%2011.5909%2021.9131%209.94727Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/pie-chart-bold.svg?color=%231a73e8&size=48
