Pie Chart 2 Icon SVG
Pie Chart 2
Pie chart 2 SVG Icon Code | Customize color
You can get svg icon pie chart 2 in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizePie chart 2
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>pie-chart-2</title><g id="Layer_2" data-name="Layer 2"><g id="pie-chart-2"><g id="pie-chart-2-2" data-name="pie-chart-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M14.5,10.33h6.67A.83.83,0,0,0,22,9.5,7.5,7.5,0,0,0,14.5,2a.83.83,0,0,0-.83.83V9.5A.83.83,0,0,0,14.5,10.33Zm.83-6.6a5.83,5.83,0,0,1,4.94,4.94H15.33Z"/><path class="cls-2" d="M21.08,12H12.93a.91.91,0,0,1-.91-.91V2.92A.92.92,0,0,0,11,2,10,10,0,1,0,22,13,.92.92,0,0,0,21.08,12Z"/></g></g></g></svg> Pie chart 2
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>pie-chart-2</title><g id="Layer_2" data-name="Layer 2"><g id="pie-chart-2"><g id="pie-chart-2-2" data-name="pie-chart-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M14.5,10.33h6.67A.83.83,0,0,0,22,9.5,7.5,7.5,0,0,0,14.5,2a.83.83,0,0,0-.83.83V9.5A.83.83,0,0,0,14.5,10.33Zm.83-6.6a5.83,5.83,0,0,1,4.94,4.94H15.33Z"/><path class="cls-2" d="M21.08,12H12.93a.91.91,0,0,1-.91-.91V2.92A.92.92,0,0,0,11,2,10,10,0,1,0,22,13,.92.92,0,0,0,21.08,12Z"/></g></g></g></svg> Pie chart 2
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>pie-chart-2</title><g id="Layer_2" data-name="Layer 2"><g id="pie-chart-2"><g id="pie-chart-2-2" data-name="pie-chart-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M14.5,10.33h6.67A.83.83,0,0,0,22,9.5,7.5,7.5,0,0,0,14.5,2a.83.83,0,0,0-.83.83V9.5A.83.83,0,0,0,14.5,10.33Zm.83-6.6a5.83,5.83,0,0,1,4.94,4.94H15.33Z"/><path class="cls-2" d="M21.08,12H12.93a.91.91,0,0,1-.91-.91V2.92A.92.92,0,0,0,11,2,10,10,0,1,0,22,13,.92.92,0,0,0,21.08,12Z"/></g></g></g></svg> Pie chart 2
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>pie-chart-2</title><g id="Layer_2" data-name="Layer 2"><g id="pie-chart-2"><g id="pie-chart-2-2" data-name="pie-chart-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M14.5,10.33h6.67A.83.83,0,0,0,22,9.5,7.5,7.5,0,0,0,14.5,2a.83.83,0,0,0-.83.83V9.5A.83.83,0,0,0,14.5,10.33Zm.83-6.6a5.83,5.83,0,0,1,4.94,4.94H15.33Z"/><path class="cls-2" d="M21.08,12H12.93a.91.91,0,0,1-.91-.91V2.92A.92.92,0,0,0,11,2,10,10,0,1,0,22,13,.92.92,0,0,0,21.08,12Z"/></g></g></g></svg> Pie chart 2
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>pie-chart-2</title><g id="Layer_2" data-name="Layer 2"><g id="pie-chart-2"><g id="pie-chart-2-2" data-name="pie-chart-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M14.5,10.33h6.67A.83.83,0,0,0,22,9.5,7.5,7.5,0,0,0,14.5,2a.83.83,0,0,0-.83.83V9.5A.83.83,0,0,0,14.5,10.33Zm.83-6.6a5.83,5.83,0,0,1,4.94,4.94H15.33Z"/><path class="cls-2" d="M21.08,12H12.93a.91.91,0,0,1-.91-.91V2.92A.92.92,0,0,0,11,2,10,10,0,1,0,22,13,.92.92,0,0,0,21.08,12Z"/></g></g></g></svg> Advance Editor
You can edit pie chart 2 as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements