Add icons to this collection by clicking the heart icon.
Octagonal icon - also known as chart, graph, statistics, stats, analytics, infography, octagonal, 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 510.024 510.024"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fef056" />
<stop offset=".521" stop-color="#f4d902" />
<stop offset="1" stop-color="#fe9738" />
</linearGradient>
<linearGradient
id="g"
x1="48.792"
x2="314.931"
y1="251.311"
y2="251.311"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-45.5"
x2="275.811"
y1="144.957"
y2="144.957"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fd8087" />
<stop offset=".521" stop-color="#fb2b3a" />
<stop offset="1" stop-color="#d90d80" />
</linearGradient>
<linearGradient
id="i"
x1="314.892"
x2="569.073"
y1="293.54"
y2="293.54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="211.961"
x2="497.794"
y1="293.54"
y2="293.54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#814aa0" />
<stop offset="1" stop-color="#192a7d" />
</linearGradient>
<linearGradient
id="k"
x1="251.333"
x2="474.774"
y1="365.442"
y2="365.442"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="178"
x2="471.009"
y1="365.395"
y2="365.395"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#60b7ff" />
<stop offset=".586" stop-color="#0182fc" />
<stop offset="1" stop-color="#2740b0" />
</linearGradient>
<linearGradient
id="m"
x1="34.276"
x2="280.292"
y1="402.12"
y2="402.12"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="-8.311"
x2="266.525"
y1="401.925"
y2="401.925"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#a2e62e" />
<stop offset=".586" stop-color="#81b823" />
<stop offset="1" stop-color="#037e73" />
</linearGradient>
<linearGradient
id="o"
x1="0"
x2="260.703"
y1="216.482"
y2="216.482"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="-68.46"
x2="248.878"
y1="216.482"
y2="216.482"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#fbc56d" />
<stop offset=".584" stop-color="#fe9738" />
<stop offset=".998" stop-color="#fb2b3a" />
</linearGradient>
<linearGradient
id="q"
x1="194.634"
x2="518.496"
y1="106.337"
y2="106.337"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="r"
x1="164.684"
x2="490.422"
y1="106.067"
y2="106.067"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="url(#g)"
d="m498.56 242.174-114.662-198.6c-4.587-7.944-5.063-6.838-14.236-6.838l-70.609-6H140.338a25.676 25.676 0 0 0-22.236 12.838L82.99 104.389 9.44 242.174a25.674 25.674 0 0 0 0 25.676l114.662 198.6c4.587 7.944 7.063 4.838 16.236 4.838h229.324c9.173 0 17.65-4.894 22.236-12.838l106.662-190.6a25.674 25.674 0 0 0 0-25.676zm-153.993 17.052-37.634 65.185c-1.505 2.607-11.288 10.214-14.298 10.214h-75.269c-3.011 0-11.793-7.606-13.298-10.214l-37.634-65.185c-1.505-2.608 4.495-5.82 6-8.428l37.634-65.185a8.426 8.426 0 0 1 4.019-3.549c1.022-.432 2.134-6.664 3.28-6.664h75.269c3.011 0 12.793 7.606 14.298 10.214l37.634 65.185a8.426 8.426 0 0 1-.001 8.427z"
/>
<path
fill="url(#h)"
d="M172.43 250.802a8.438 8.438 0 0 0-.02 8.38l-22.42-38.83L259.47 30.735l40.02-.004-85.05 147.31c-.69 1.2-.71 2.68-.03 3.9a8.338 8.338 0 0 0-4.34 3.67z"
/>
<path
fill="url(#i)"
d="m506.502 242.172-35.013-60.77H293.255l2.278.54c1.81.67 3.35 1.95 4.34 3.67l127.115 220.065 79.515-137.826c2.3-3.98 3.44-8.41 3.44-12.84a25.638 25.638 0 0 0-3.441-12.839z"
/>
<path
fill="url(#j)"
d="M295.532 181.942c1.81.67 3.35 1.95 4.34 3.67l15.317 26.529 89.407-5.729a71.53 71.53 0 0 1 61.944 35.76c2.3 3.98 3.44 8.41 3.44 12.84s-1.14 8.86-3.44 12.84l-59.56 103.17 20.008 34.656 79.605-137.826c2.3-3.98 3.431-8.41 3.431-12.84s-1.163-8.86-3.463-12.84l-35.071-60.77H293.31l-.022.008z"
/>
<path
fill="url(#k)"
d="m337.967 251.592.398 1.856c.415 1.936.213 3.993-.763 5.715l-.022.039-127.07 220.09h159.15c3.13 0 6.18-.57 9.02-1.64 5.49-2.06 10.2-5.97 13.22-11.2l35.087-60.774z"
/>
<path
fill="url(#l)"
d="m337.93 251.499.504 2.273a7.655 7.655 0 0 1-.832 5.391l-.022.039-17.591 30.468 54.784 94.887a42.24 42.24 0 0 1 0 42.241l-22.894 39.654a25.674 25.674 0 0 1-13.22 11.2 25.569 25.569 0 0 1-9.02 1.64h40.02c3.13 0 6.18-.57 9.02-1.64 5.49-2.06 10.2-5.97 13.22-11.2l35.087-60.774z"
/>
<path
fill="url(#m)"
d="M298.447 326.135c-1.53 1.553-3.609 2.478-5.79 2.486H38.52l79.576 137.83c3.02 5.23 7.73 9.14 13.22 11.2 2.84 1.07 5.89 1.64 9.02 1.64h70.17l89.111-154.345z"
/>
<path
fill="url(#n)"
d="M298.451 326.135c-1.53 1.553-3.609 2.478-5.79 2.486H257.48l-86.99 150.67h40.02l89.337-154.734z"
/>
<path
fill="url(#o)"
d="m217.519 328.622-1.527-.279c-1.896-.346-3.69-1.249-4.927-2.726a8.337 8.337 0 0 1-.841-1.205L83.017 104.342 3.44 242.172c-2.3 3.98-3.44 8.41-3.44 12.84s1.14 8.86 3.44 12.84l35.08 60.77z"
/>
<path
fill="url(#p)"
d="M215.992 328.343c-1.896-.346-3.69-1.249-4.927-2.726a8.337 8.337 0 0 1-.841-1.205L83.017 104.342l-20.009 34.656-.001.003 107.043 185.41c.247.43.529.833.841 1.205 1.238 1.478 3.031 2.38 4.927 2.726l1.527.279h40.173l-.132-.024z"
/>
<path
fill="url(#q)"
d="M391.9 43.572a25.674 25.674 0 0 0-13.22-11.2 25.569 25.569 0 0 0-9.02-1.64h-70.17l-85.048 147.306a3.96 3.96 0 0 0-.032 3.904c.93-.35 1.93-.54 2.96-.54h254.119z"
/>
<path
fill="url(#r)"
d="M378.68 32.372a25.569 25.569 0 0 0-9.02-1.64h-40.311c3.13 0 6.18.57 9.02 1.64 5.49 2.06 10.2 5.97 13.22 11.2l79.57 137.83h40.33L391.9 43.572a25.674 25.674 0 0 0-13.22-11.2z"
/>
</svg>
More icons in the same style and category