Color

Carbon Icons

Chart Donut Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: chart donut graph analytics statistics data report

The Chart Donut icon is commonly used in analytics dashboards, reports and data visualization. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/319655.svg" alt="Chart Donut icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319655.svg" alt="Chart Donut icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319655.svg"
  alt="Chart Donut icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-chart-donut {
  background-image: url('https://proicons.com/icon/319655.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="chart--donut_00000019675281726880528300000005827038167349867660_" d="M16,31.36c-6.934,0-13.029-4.684-14.823-11.389
	c-0.051-0.191,0.062-0.389,0.254-0.44l4.825-1.293c0.092-0.024,0.19-0.013,0.273,0.036c0.083,0.048,0.143,0.126,0.167,0.219
	C7.823,22.701,11.648,25.64,16,25.64c5.315,0,9.64-4.324,9.64-9.64c0-4.352-2.938-8.177-7.146-9.303
	c-0.094-0.024-0.172-0.085-0.22-0.167c-0.048-0.083-0.061-0.181-0.036-0.273l1.293-4.825c0.051-0.191,0.246-0.306,0.44-0.254
	C26.677,2.97,31.36,9.065,31.36,16C31.36,24.47,24.47,31.36,16,31.36z M1.97,20.133C3.793,26.337,9.512,30.64,16,30.64
	c8.072,0,14.64-6.567,14.64-14.64c0-6.489-4.303-12.207-10.507-14.031l-1.107,4.132C23.361,7.423,26.36,11.443,26.36,16
	c0,5.713-4.647,10.36-10.36,10.36c-4.557,0-8.576-2.999-9.898-7.335L1.97,20.133z M6,16.36H1c-0.199,0-0.36-0.161-0.36-0.36
	C0.64,7.53,7.53,0.64,16,0.64c0.199,0,0.36,0.161,0.36,0.36v5c0,0.199-0.161,0.36-0.36,0.36c-5.315,0-9.64,4.325-9.64,9.64
	C6.36,16.199,6.199,16.36,6,16.36z M1.364,15.64h4.282c0.187-5.427,4.567-9.808,9.994-9.994V1.364
	C7.853,1.553,1.553,7.853,1.364,15.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Chart Donut in other icon packs

Tabler Icons Filled

Tabler Icons Outline

Phosphor Icons

Gravity UI Icons

Material Design Icons

Copied!

Chart Donut Icon

More from Carbon Icons

Chart Donut in other icon packs