Add icons to this collection by clicking the heart icon.
Chart icon - also known as chart, gear, project, pie chart, cogwheel, metal gear, and business and finance. Created in a clean flat style with a white, silver, red, olive, blue, and orange finish, 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"
>
<path
fill="#ff6243"
d="M55 45H33v-7a1 1 0 0 0-2 0v7H9a1 1 0 0 0-1 1v7a1 1 0 0 0 2 0v-6h21v6a1 1 0 0 0 2 0v-6h21v6a1 1 0 0 0 2 0v-7a1 1 0 0 0-1-1z"
/>
<path
fill="#ffa733"
d="M44.37 25a13.361 13.361 0 0 1-.79 1.92l3.98 3.98-5.66 5.66-3.98-3.98a13.361 13.361 0 0 1-1.92.79V39h-8v-5.63a13.361 13.361 0 0 1-1.92-.79l-3.98 3.98-5.66-5.66 3.98-3.98a13.361 13.361 0 0 1-.79-1.92H14v-8h5.63a13.361 13.361 0 0 1 .79-1.92l-3.98-3.98 5.66-5.66 3.98 3.98A13.361 13.361 0 0 1 28 8.63V3h8v5.63a13.361 13.361 0 0 1 1.92.79l3.98-3.98 5.66 5.66-3.98 3.98a13.361 13.361 0 0 1 .79 1.92H50v8z"
/>
<circle cx="32" cy="21" r="7" fill="#df2a47" />
<circle cx="32" cy="21" r="5" fill="#ff3051" />
<path fill="#7ed63e" d="M32 52h-6v9h12v-9z" />
<path fill="#ffcd00" d="M55 52h-6v9h12v-9z" />
<path fill="#57a4ff" d="M9 52H3v9h12v-9z" />
<path
fill="#f1f2f2"
d="M30 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM35 59h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM53 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM58 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM12 59H6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path
fill="#57a4ff"
d="M12 41H7a5.006 5.006 0 0 1-5-5V9a5.006 5.006 0 0 1 5-5h5a1 1 0 0 1 0 2H7a3 3 0 0 0-3 3v27a3 3 0 0 0 3 3h5a1 1 0 0 1 0 2zM57 41h-5a1 1 0 0 1 0-2h5a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-4a1 1 0 0 1 0-2h4a5.006 5.006 0 0 1 5 5v27a5.006 5.006 0 0 1-5 5z"
/>
<g fill="#ee8700">
<path
d="M31 6h2v2h-2zM20.684 11.102l1.414-1.414 1.414 1.414-1.414 1.414zM17 20h2v2h-2zM20.682 30.899l1.414-1.414 1.414 1.414-1.414 1.414zM31 34h2v2h-2zM40.479 30.901l1.414-1.414 1.414 1.414-1.414 1.414zM45 20h2v2h-2zM40.48 11.104l1.415-1.414 1.414 1.414-1.414 1.414z"
/>
</g>
<path
fill="#f1f2f2"
d="M30 54h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM33 56h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM53 54h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM57 56h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM5 55a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2H6a1 1 0 0 0-1 1z"
/>
<circle cx="12" cy="40" r="2" fill="#006df0" />
<circle cx="12" cy="5" r="2" fill="#006df0" />
<circle cx="52" cy="5" r="2" fill="#006df0" />
<circle cx="51" cy="40" r="2" fill="#006df0" />
</svg>
More icons in the same style and category