Add icons to this collection by clicking the heart icon.
Chart icon - also known as technology, computer, graphic, chart, graph, statistics, stats, line chart, and business and finance. Created in a clean blue 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 60 60"
>
<linearGradient id="a" x1="6.255%" x2="93.745%" y1="-3.985%" y2="103.983%">
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<g fill="none" fill-rule="nonzero">
<path
fill="url(#a)"
d="M56 1H4a3 3 0 0 0-3 3v41a3 3 0 0 0 3 3h52a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"
/>
<path fill="#e8edfc" d="M59 40v5a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3v-5z" />
<path fill="#cad9fc" d="M56 40v5a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3v-5z" />
<path fill="#a4c2f7" d="M56 1h-3a3 3 0 0 1 3 3v36h3V4a3 3 0 0 0-3-3z" />
<path
fill="#e8edfc"
d="M44 57v1a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1v-1a5.967 5.967 0 0 1 2.38-4.78 9.13 9.13 0 0 0 3.1-4.22h17.04a9.13 9.13 0 0 0 3.1 4.22A5.967 5.967 0 0 1 44 57z"
/>
<path
fill="#cad9fc"
d="M41.62 52.22a9.13 9.13 0 0 1-3.1-4.22h-3a9.13 9.13 0 0 0 3.1 4.22A5.967 5.967 0 0 1 41 57v1a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-1a5.967 5.967 0 0 0-2.38-4.78z"
/>
<path
fill="#fff"
d="M18.38 52.22A5.967 5.967 0 0 0 16 57v1a1 1 0 0 0 1 1h3a1 1 0 0 1-1-1v-1a5.967 5.967 0 0 1 2.38-4.78 9.13 9.13 0 0 0 3.1-4.22h-3a9.13 9.13 0 0 1-3.1 4.22zM4 48h3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3H4a3 3 0 0 0-3 3v41a3 3 0 0 0 3 3z"
/>
<path fill="#fff" d="M0 30.222h2v8H0z" />
<g fill="#428dff">
<path
d="M1 31.222a1 1 0 0 0 1-1V13a1 1 0 0 0-2 0v17.222a1 1 0 0 0 1 1z"
/>
<circle cx="1" cy="34.222" r="1" />
<path
d="M56 0H4a4 4 0 0 0-4 4v4a1 1 0 1 0 2 0V4a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2v35H2v-.777a1 1 0 0 0-2 0V45a4 4 0 0 0 4 4h15.9a8.116 8.116 0 0 1-2.123 2.42A7.013 7.013 0 0 0 15 57v1a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2v-1a7.012 7.012 0 0 0-2.776-5.578A8.13 8.13 0 0 1 40.1 49H56a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4zM41.019 53.02A4.933 4.933 0 0 1 43 57v1H17v-1a4.935 4.935 0 0 1 1.983-3.982A10.108 10.108 0 0 0 22.13 49h15.74a10.133 10.133 0 0 0 3.149 4.02zM56 47H4a2 2 0 0 1-2-2v-4h56v4a2 2 0 0 1-2 2z"
/>
<path
d="M32 43h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM6.293 33.707a1 1 0 0 0 1.414 0L15 26.414l3.793 3.793a1 1 0 0 0 1.414 0l7.293-7.293 2.793 2.793a1 1 0 0 0 1.414 0L40 17.414l3.293 3.293a1 1 0 0 0 1.414 0L52 13.414V16a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1h-5a1 1 0 0 0 0 2h2.586L44 18.586l-3.293-3.293a1 1 0 0 0-1.414 0L31 23.586l-2.793-2.793a1 1 0 0 0-1.414 0L19.5 28.086l-3.793-3.793a1 1 0 0 0-1.414 0l-8 8a1 1 0 0 0 0 1.414z"
/>
<circle cx="6" cy="6" r="1" />
<circle cx="10" cy="6" r="1" />
<circle cx="14" cy="6" r="1" />
</g>
</g>
</svg>
More icons in the same style and category