Add icons to this collection by clicking the heart icon.
Chart icon - also known as technology, business, diagram, economy, chart, graphics, real estate, graphs, and charts. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5cb" />
<stop offset="1" stop-color="#ffd400" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="125.3"
x2="233.74"
y1="168.48"
y2="168.48"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2929" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path d="M125.3 297.24h108.44v96.56H125.3z" fill="url(#b)" />
<linearGradient
id="c"
x1="278.26"
x2="386.7"
y1="217.025"
y2="217.025"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5e79ff" />
<stop offset="1" stop-color="#041fa8" />
</linearGradient>
<path d="M278.26 200.15H386.7V393.8H278.26z" fill="url(#c)" />
<linearGradient
id="d"
x1="92.91"
x2="419.09"
y1="114.735"
y2="114.735"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path d="M92.91 383.25h326.18v32.03H92.91z" fill="url(#d)" />
<linearGradient
id="e"
x1="131.103"
x2="227.932"
y1="294.093"
y2="294.093"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path
d="M227.932 270.895h-96.829v-65.249l48.414-36.727 48.415 36.727z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="164.66"
x2="194.385"
y1="265.655"
y2="265.655"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5e79ff" />
<stop offset="1" stop-color="#041fa8" />
</linearGradient>
<path d="M164.66 225.79h29.725v45.11H164.66z" fill="url(#f)" />
<linearGradient
id="g"
x1="118.47"
x2="240.57"
y1="237.368"
y2="237.368"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00bec7" />
<stop offset="1" stop-color="#008c91" />
</linearGradient>
<path d="M118.47 269.51h122.1v14.245h-122.1z" fill="url(#g)" />
<linearGradient
id="h"
x1="111.945"
x2="247.09"
y1="331.373"
y2="331.373"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2929" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path
d="m237.792 214.385-58.275-44.207-58.274 44.207-9.298-12.258 67.572-51.259 67.573 51.259z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="284.067"
x2="380.896"
y1="392.461"
y2="392.461"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#9cfdff" />
</linearGradient>
<path
d="M380.896 172.527h-96.829v-65.25l48.415-36.726 48.414 36.726z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="317.62"
x2="347.345"
y1="364.025"
y2="364.025"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2929" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path d="M317.62 127.42h29.725v45.11H317.62z" fill="url(#j)" />
<linearGradient
id="k"
x1="271.43"
x2="393.53"
y1="335.738"
y2="335.738"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00bec7" />
<stop offset="1" stop-color="#008c91" />
</linearGradient>
<path d="M271.43 171.14h122.1v14.245h-122.1z" fill="url(#k)" />
<linearGradient
id="l"
x1="264.909"
x2="400.054"
y1="429.743"
y2="429.743"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5e79ff" />
<stop offset="1" stop-color="#041fa8" />
</linearGradient>
<path
d="M390.756 116.016 332.482 71.81l-58.275 44.206-9.298-12.257 67.573-51.26 67.572 51.26z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category