Add icons to this collection by clicking the heart icon.
Chart icon - also known as chart, gear, project, pie chart, cogwheel, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="29.5"
x2="29.5"
y1="64.185"
y2="1.679"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="34" x2="34" y1="64.185" y2="1.679" href="#a" />
<linearGradient
id="c"
x1="52.5"
x2="52.5"
y1="64.185"
y2="1.679"
href="#a"
/>
<linearGradient
id="d"
x1="57.5"
x2="57.5"
y1="64.185"
y2="1.679"
href="#a"
/>
<linearGradient id="e" x1="9" x2="9" y1="64.185" y2="1.679" href="#a" />
<linearGradient id="f" x1="32" x2="32" y1="64.185" y2="1.679" href="#a" />
<linearGradient
id="g"
x1="22.101"
x2="22.101"
y1="64.185"
y2="1.679"
gradientTransform="rotate(45 22.104 11.097)"
href="#a"
/>
<linearGradient id="h" x1="18" x2="18" y1="64.185" y2="1.679" href="#a" />
<linearGradient
id="i"
x1="22.101"
x2="22.101"
y1="64.185"
y2="1.679"
gradientTransform="rotate(45 22.107 30.897)"
href="#a"
/>
<linearGradient
id="j"
x1="41.899"
x2="41.899"
y1="64.185"
y2="1.679"
gradientTransform="rotate(45 41.908 30.894)"
href="#a"
/>
<linearGradient id="k" x1="46" x2="46" y1="64.185" y2="1.679" href="#a" />
<linearGradient
id="l"
x1="41.899"
x2="41.899"
y1="64.185"
y2="1.679"
gradientTransform="rotate(45 41.904 11.093)"
href="#a"
/>
<linearGradient id="m" x1="55" x2="55" y1="64.185" y2="1.679" href="#a" />
<path fill="url(#a)" d="M30 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#b)" d="M35 59h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M53 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M58 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M12 59H6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M40 21a8 8 0 1 0-8 8 8.009 8.009 0 0 0 8-8zm-14 0a6 6 0 1 1 6 6 6.006 6.006 0 0 1-6-6zM31 6h2v2h-2z"
/>
<path
fill="url(#g)"
d="M21.101 10.101h2v2h-2z"
transform="rotate(-45 22.1 11.105)"
/>
<path fill="url(#h)" d="M17 20h2v2h-2z" />
<path
fill="url(#i)"
d="M21.101 29.9h2v2h-2z"
transform="rotate(-45 22.097 30.906)"
/>
<path fill="url(#f)" d="M31 34h2v2h-2z" />
<path
fill="url(#j)"
d="M40.9 29.9h2v2h-2z"
transform="rotate(-45 41.898 30.91)"
/>
<path fill="url(#k)" d="M45 20h2v2h-2z" />
<path
fill="url(#l)"
d="M40.9 10.101h2v2h-2z"
transform="rotate(-45 41.901 11.109)"
/>
<path fill="url(#a)" d="M30 54h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#b)" d="M33 56h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path
fill="url(#f)"
d="M61 51h-5v-5a1 1 0 0 0-1-1H33v-5h3a1 1 0 0 0 1-1v-4.921c.235-.09.472-.187.711-.294l3.482 3.482a1.029 1.029 0 0 0 1.414 0l5.66-5.66a1 1 0 0 0 0-1.414l-3.482-3.483c.107-.239.2-.475.294-.71H50a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-4.921c-.09-.235-.187-.471-.294-.71l3.482-3.483a1 1 0 0 0 0-1.414l-5.66-5.66a1 1 0 0 0-1.414 0l-3.482 3.482c-.239-.107-.476-.2-.711-.294V3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v4.921c-.235.09-.472.187-.711.294l-3.482-3.482a1.029 1.029 0 0 0-1.414 0l-5.66 5.66a1 1 0 0 0 0 1.414l3.482 3.483c-.107.239-.2.475-.294.71H14a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.921c.09.235.187.471.294.71l-3.482 3.483a1 1 0 0 0 0 1.414l5.66 5.66a1 1 0 0 0 1.414 0l3.482-3.482c.239.107.476.2.711.294V39a1 1 0 0 0 1 1h3v5H9a1 1 0 0 0-1 1v5H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-5v-4h21v4h-5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-5v-4h21v4h-5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1zM28.3 32.417a12.323 12.323 0 0 1-1.776-.731 1 1 0 0 0-1.154.187l-3.27 3.273-4.246-4.246 3.273-3.273a1 1 0 0 0 .187-1.154 12.328 12.328 0 0 1-.731-1.776 1 1 0 0 0-.953-.7H15V18h4.63a1 1 0 0 0 .953-.7 12.328 12.328 0 0 1 .731-1.776 1 1 0 0 0-.187-1.154l-3.273-3.27L22.1 6.854l3.273 3.273a1 1 0 0 0 1.154.187 12.323 12.323 0 0 1 1.773-.731 1 1 0 0 0 .7-.953V4h6v4.63a1 1 0 0 0 .7.953 12.323 12.323 0 0 1 1.776.731 1 1 0 0 0 1.154-.187l3.27-3.273 4.246 4.246-3.273 3.273a1 1 0 0 0-.187 1.154 12.328 12.328 0 0 1 .731 1.776 1 1 0 0 0 .953.7H49v6h-4.63a1 1 0 0 0-.953.7 12.328 12.328 0 0 1-.731 1.776 1 1 0 0 0 .187 1.154l3.273 3.267-4.246 4.246-3.273-3.273a1 1 0 0 0-1.154-.187 12.323 12.323 0 0 1-1.776.731 1 1 0 0 0-.7.953V38H29v-4.63a1 1 0 0 0-.7-.953zM14 60H4v-7h10zm23 0H27v-7h10zm23 0H50v-7h10z"
/>
<path fill="url(#c)" d="M53 54h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M57 56h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path
fill="url(#e)"
d="M5 55a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2H6a1 1 0 0 0-1 1z"
/>
<path
fill="url(#m)"
d="M57 4h-2.184a3 3 0 1 0 0 2H57a3 3 0 0 1 3 3v27a3 3 0 0 1-3 3h-3.184a3 3 0 1 0 0 2H57a5.006 5.006 0 0 0 5-5V9a5.006 5.006 0 0 0-5-5zm-5 2a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm-1 35a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M7 41h3.184a3 3 0 1 0 0-2H7a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h2.184a3 3 0 1 0 0-2H7a5.006 5.006 0 0 0-5 5v27a5.006 5.006 0 0 0 5 5zm6-2a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM12 4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
</svg>
More icons in the same style and category