Add icons to this collection by clicking the heart icon.
Arrows icon - also known as business, arrows, graph, statistics, stats, finance, analytics, infography, 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 512 512"
>
<radialGradient
id="c"
cx="-2821.261"
cy="-3260.588"
r="157.73"
gradientTransform="rotate(45 1160.448 5336.843) scale(1 -.747)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbe7af" />
<stop offset=".612" stop-color="#add984" />
<stop offset=".665" stop-color="#aad880" />
<stop offset=".927" stop-color="#9fd26f" />
<stop offset="1" stop-color="#9bd069" />
</radialGradient>
<radialGradient
id="d"
cx="-2567.947"
cy="-3303.643"
r="141.982"
gradientTransform="matrix(0 1 .747 0 2715.079 2828.926)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".514" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</radialGradient>
<radialGradient
id="e"
cx="-2788.196"
cy="-3416.809"
r="241.781"
gradientTransform="rotate(45 1522.988 5393.412) scale(1 -.747)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aad880" />
<stop offset=".165" stop-color="#a6d67a" />
<stop offset=".385" stop-color="#9bd069" />
<stop offset=".597" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#bed8fb" />
<stop offset=".361" stop-color="#93bffb" />
<stop offset=".509" stop-color="#80b4fb" />
<stop offset=".806" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</linearGradient>
<radialGradient
id="f"
cx="-2092.317"
cy="-2516.137"
r="97.033"
gradientTransform="rotate(-135 -520.191 -1147.753) scale(1 .747)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="52.137"
cy="372.834"
r="190.58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".097" stop-color="#e5f2fe" />
<stop offset=".285" stop-color="#bcd9fd" />
<stop offset=".527" stop-color="#80b4fb" />
<stop offset=".813" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</radialGradient>
<radialGradient
id="h"
cx="-1885.708"
cy="-2599.068"
r="73.893"
gradientTransform="matrix(-1 0 0 -.747 -1724.273 -1664.671)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="-1898.594"
cy="-2464.515"
r="48.145"
gradientTransform="rotate(135 -1605.383 -1056.816) scale(1 1.373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bed8fb" />
<stop offset=".248" stop-color="#93bffa" />
<stop offset=".509" stop-color="#61a2f9" />
<stop offset=".982" stop-color="#5591f9" />
<stop offset="1" stop-color="#5490f9" />
</radialGradient>
<radialGradient
id="j"
cx="-1908.561"
cy="-2510.867"
r="241.781"
gradientTransform="rotate(135 -1312.595 -321.833) scale(1 .747)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80b4fb" />
<stop offset=".146" stop-color="#7aaffb" />
<stop offset=".342" stop-color="#69a1fa" />
<stop offset=".516" stop-color="#5490f9" />
<stop offset="1" stop-color="#407093" />
</radialGradient>
<radialGradient
id="k"
cx="-7290.63"
cy="1225.588"
r="157.755"
gradientTransform="rotate(-45 -4506.024 -8786.84) scale(1 .747)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4989d" />
<stop offset=".193" stop-color="#e38d93" />
<stop offset=".531" stop-color="#df6f79" />
<stop offset=".653" stop-color="#dd636e" />
<stop offset="1" stop-color="#da4a54" />
</radialGradient>
<radialGradient
id="l"
cx="-7131.655"
cy="1243.067"
r="127.169"
gradientTransform="rotate(-45 -4383.971 -8387.72) scale(1 .747)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".514" stop-color="#eab1b7" />
<stop offset="1" stop-color="#e4989d" />
</radialGradient>
<radialGradient
id="m"
cx="-7291.491"
cy="1079.189"
r="241.781"
gradientTransform="rotate(-45 -4198.114 -8916.75) scale(1 .747)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".099" stop-color="#dd636e" />
<stop offset=".617" stop-color="#d82e3d" />
<stop offset=".726" stop-color="#d32e3b" />
<stop offset=".859" stop-color="#c42f37" />
<stop offset="1" stop-color="#ac3030" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#f9efaf" />
<stop offset=".628" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</linearGradient>
<radialGradient
id="n"
cx="-6570.728"
cy="1959.91"
r="99.091"
gradientTransform="rotate(-135 -2833.5 -2347.934) scale(1 -1.008)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="o"
cx="140.438"
cy="211.2"
r="42.726"
gradientTransform="matrix(-1 0 0 -.76 280.876 371.772)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="p"
cx="98.722"
cy="214.961"
r="156.437"
gradientTransform="matrix(-.704 -.71 .468 -.463 67.685 384.683)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e781" />
<stop offset=".476" stop-color="#f5e056" />
<stop offset=".65" stop-color="#f4dd45" />
<stop offset=".987" stop-color="#f1d334" />
<stop offset="1" stop-color="#f1d333" />
</radialGradient>
<radialGradient
id="q"
cx="-6409.884"
cy="2023.17"
r="55.151"
gradientTransform="rotate(-135 -2755.766 -2080.648) scale(1 -.747)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="r"
cx="-6395.439"
cy="1980.106"
r="241.781"
gradientTransform="rotate(-135 -2756.903 -2037.045) scale(1 -.747)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".236" stop-color="#f2d740" />
<stop offset=".552" stop-color="#edc631" />
<stop offset=".597" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="s"
cx="352.113"
cy="1151.139"
r="253.173"
gradientTransform="matrix(.931 0 0 .112 -75.044 348.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".243" stop-color="#dddbdf" />
<stop offset=".496" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path
fill="url(#c)"
d="M264.95 341.386 400.214 476.65h40.606L324.365 329.333z"
/>
<path
fill="url(#d)"
d="m281.208 365.735 12.009-67.454-12.009-52.424h-40.607v119.878z"
/>
<path
fill="url(#e)"
d="m401.085 245.857-24.349 24.349L512 405.47l-71.18 71.18-135.264-135.264-24.348 24.349V245.857z"
/>
<path
fill="url(#f)"
d="M71.18 476.65 0 405.47l45.722-10.103 66.064 81.283z"
/>
<path
fill="url(#g)"
d="M189.864 264.267 40.607 405.47H0l135.264-135.264z"
/>
<path
fill="url(#h)"
d="m135.264 270.206-24.349-24.349h40.607l32.064 24.349z"
/>
<path
fill="url(#i)"
d="m206.444 341.386 24.349 24.349h40.606l-24.349-24.349z"
/>
<path
fill="url(#j)"
d="m151.522 245.857 24.348 24.349L40.607 405.47l71.179 71.18L247.05 341.386l24.349 24.349V245.857z"
/>
<path
fill="url(#k)"
d="M264.95 140.52 400.214 5.256h40.606L322.072 156.242z"
/>
<path
fill="url(#l)"
d="m281.208 116.171 14.493 53.915-14.493 65.963h-40.607V116.171z"
/>
<path
fill="url(#m)"
d="M401.085 236.049 376.736 211.7 512 76.436l-71.18-71.18L305.556 140.52l-24.348-24.349v119.878z"
/>
<path
fill="url(#n)"
d="M71.18 5.256 0 76.436h40.607l41.36-18.765 29.819-52.415z"
/>
<path
fill="url(#o)"
d="m135.264 211.7-24.349 24.349h40.607l54.584-39.019z"
/>
<path fill="url(#p)" d="M192.921 211.7 40.607 76.436H0L135.264 211.7z" />
<path
fill="url(#q)"
d="m206.444 140.52 24.349-24.349h40.606L247.05 140.52z"
/>
<path
fill="url(#r)"
d="M151.522 236.049 175.87 211.7 40.607 76.436l71.179-71.18L247.05 140.52l24.349-24.349v119.878z"
/>
<path
fill="url(#s)"
d="M256 506.744c135.659 0 245.633-13.474 245.633-30.094H10.367c0 16.62 109.974 30.094 245.633 30.094z"
/>
</svg>
More icons in the same style and category