Pie Chart SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kM9ckAKbvtmO/amnt.svg" alt="Pie Chart" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M526 86c0 82 0 164 0 246 0 42 0 83 0 126 0 14-3 31 0 45 3 11 21 36 27 47 39 65 77 132 116 197 15 25 29 49 43 73 7 12 17 25 22 38 11-4 22-14 31-21 55-43 100-99 129-163 40-91 46-193 18-289-48-166-210-299-386-299z" fill="#157cfb" stroke="#157cfb"/></g><g id="tangerine" data-name="Tangerine"><path d="M498 88c-21 0-42 4-63 8-102 20-195 78-258 160-68 89-95 203-77 313 3 22 6 49 18 69l380-142z" fill="#fd8d01" stroke="#fd8d01"/></g><g id="turquoise" data-name="Turquoise"><path d="M506 523l-381 139c81 179 258 291 456 257 47-8 89-27 131-47z" fill="#13bdab" stroke="#13bdab"/></g><g id="grape" data-name="Grape"><path d="M496 57c-243 12-440 219-430 464 11 242 217 441 462 430 244-11 441-217 430-463-10-242-217-443-462-431zm30 29c176 0 338 133 386 299 28 96 22 198-18 289-29 64-74 120-129 163-9 7-20 17-31 21-5-13-15-26-22-38-14-24-28-48-43-73-39-65-77-132-116-197-6-11-24-36-27-47-3-14 0-31 0-45 0-43 0-84 0-126 0-82 0-164 0-246zm-28 2v408l-380 142c-12-20-15-47-18-69-18-110 9-224 77-313 63-82 156-140 258-160 21-4 42-8 63-8zm8 435l206 349c-42 20-84 39-131 47-198 34-375-78-456-257z" fill="#022163" stroke="#022163"/></g></svg>

.pie-chart {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kM9ckAKbvtmO/amnt.svg");
  background-size: contain;
}

.pie-chart {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kM9ckAKbvtmO/amnt.svg") center / contain no-repeat;
}

import PieChartSvg from "./pie-chart.jsx"; // from the React tab above

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