Pie Chart icon

A free pie chart icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Charts & Graphs
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: pie chart, data visualization, graph, segments, statistics, analytics, proportion

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.04 7.6L9.04 1.27C9.04 0.52 9.65 -0.1 10.4 0.01C14.31 0.6 17.4 3.69 17.99 7.6C18.1 8.35 17.48 8.96 16.73 8.96L10.4 8.96C9.65 8.96 9.04 8.35 9.04 7.6Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.33 12.57C15.94 15.77 12.75 18 9.04 18C4.05 18 0 13.95 0 8.96C0 5.25 2.23 2.06 5.43 0.67"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 2)" fill="currentColor" d="M9.04 2.27C9.04 1.02 10.1 -0.19 11.54 0.03C15.89 0.68 19.32 4.11 19.98 8.46C20.19 9.9 18.98 10.96 17.73 10.96L11.4 10.96C10.1 10.96 9.04 9.9 9.04 8.6L9.04 2.27Z"/>
  <path transform="translate(2 2)" fill="currentColor" d="M5.26 1.12C6.31 0.56 7.43 1.38 7.43 2.43L7.43 8.58C7.43 10.78 9.22 12.58 11.43 12.58L17.57 12.58C18.62 12.58 19.45 13.69 18.88 14.74C17.18 17.87 13.86 20 10.04 20C4.5 20 0 15.5 0 9.96C0 6.14 2.13 2.82 5.26 1.12Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 3.67)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.33 11.91C15.94 15.1 12.75 17.33 9.04 17.33C4.05 17.33 0 13.29 0 8.29C0 4.58 2.23 1.4 5.43 0"/>
  <path transform="translate(12.04 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 7.6L0 1.27C0 0.52 0.61 -0.1 1.35 0.01C5.26 0.6 8.36 3.69 8.94 7.6C9.05 8.35 8.44 8.96 7.69 8.96L1.36 8.96C0.61 8.96 0 8.35 0 7.6Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2 2.94)" fill="currentColor" d="M5.26 0.18C6.31 -0.38 7.43 0.45 7.43 1.49L7.43 7.64C7.43 9.85 9.22 11.64 11.43 11.64L17.57 11.64C18.62 11.64 19.45 12.75 18.88 13.8C17.18 16.93 13.86 19.06 10.04 19.06C4.5 19.06 0 14.57 0 9.02C0 5.2 2.13 1.88 5.26 0.18Z"/>
  <path transform="translate(11.04 2)" fill="currentColor" d="M0 2.27C0 1.02 1.05 -0.19 2.5 0.03C6.85 0.68 10.28 4.11 10.93 8.46C11.15 9.9 9.94 10.96 8.69 10.96L2.36 10.96C1.06 10.96 0 9.9 0 8.6L0 2.27Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(12.04 3)" fill="currentColor" d="M0 7.6L0 1.27C0 0.52 0.61 -0.1 1.35 0.01C5.26 0.6 8.36 3.69 8.94 7.6C9.05 8.35 8.44 8.96 7.69 8.96L1.36 8.96C0.61 8.96 0 8.35 0 7.6Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.04 7.6L9.04 1.27C9.04 0.52 9.65 -0.1 10.4 0.01C14.31 0.6 17.4 3.69 17.99 7.6C18.1 8.35 17.48 8.96 16.73 8.96L10.4 8.96C9.65 8.96 9.04 8.35 9.04 7.6Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.33 12.57C15.94 15.77 12.75 18 9.04 18C4.05 18 0 13.95 0 8.96C0 5.25 2.23 2.06 5.43 0.67"/>
</svg>