Menu

Beta
Sign in
Pie Chart SVG icon, 3d

Pie Chart SVG icon, 3d

A pie chart divides a whole into proportional financial categories. It can show spending breakdowns in a budgeting app or revenue shares in a business report.

Free · from Finance Icons, 3D

Similar SVGs

More from Finance Icons, 3D

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LlkeVVJzTQIW/amnt.svg" alt="Pie Chart" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="126" y1="153" x2="351" y2="388"><stop offset="0" stop-color="#ffd6bc"/><stop offset="1" stop-color="#eba889"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="285" y1="106" x2="405" y2="234"><stop offset="0" stop-color="#a4d5c8"/><stop offset="1" stop-color="#70b1a3"/></linearGradient></defs><g id="layer-1" data-name="Ellipse 1" opacity="0.16"><g fill="none"><defs><filter id="k0_0" x="86" y="370" width="340" height="76" filterUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="10"/></filter></defs><ellipse cx="256" cy="408" rx="140" ry="12" fill="#785f52" filter="url(#k0_0)"/></g></g><g id="layer-2" data-name="Shape 2"><path d="M237 123C154 128 91 195 91 277C91 363 160 412 246 412C328 412 391 353 396 274C396 267 392 263 385 263L257 263C250 263 246 259 246 252L246 134C246 127 243 123 237 123Z" fill="#d99679" stroke="#aa7b68" stroke-width="6" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M237 109C154 114 91 181 91 263C91 349 160 398 246 398C328 398 391 339 396 260C396 253 392 249 385 249L257 249C250 249 246 245 246 238L246 120C246 113 243 109 237 109Z" fill="url(#g0) #eba889" stroke="#aa7b68" stroke-width="6" stroke-linejoin="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M279 104C354 109 413 168 418 242C418 249 414 253 407 253L285 253C279 253 274 248 274 242L274 115C274 108 275 104 279 104Z" fill="#5f9c90" stroke="#568d82" stroke-width="6" stroke-linejoin="round"/></g><g id="layer-5" data-name="Shape 5"><path d="M285 90C357 96 413 152 418 225C418 232 414 236 407 236L285 236C279 236 274 231 274 225L274 101C274 94 278 89 285 90Z" fill="url(#g1) #70b1a3" stroke="#568d82" stroke-width="6" stroke-linejoin="round"/></g><g id="layer-6" data-name="Shape 6" opacity="0.65"><path d="M216 137C163 149 127 189 119 235" fill="none" stroke="#ffe5d2" stroke-width="6" stroke-linecap="round"/></g><g id="layer-7" data-name="Shape 7" opacity="0.6"><path d="M298 115C337 124 369 151 385 185" fill="none" stroke="#c7e5da" stroke-width="6" stroke-linecap="round"/></g></svg>
CSS background-image
.pie-chart {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LlkeVVJzTQIW/amnt.svg");
  background-size: contain;
}
React
import PieChartSvg from "./pie-chart.jsx"; // from the React tab above

<PieChartSvg width={48} height={48} />

Tags

chartbudgetdatafinance

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Pie chart. friendly rounded clay-like 3D form, matte surface, gentle shading, soft contact shadow, warm peach and teal palette, centered, no background, readable at small size. as part of the pack Finance Icons, 3D. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings