Add icons to this collection by clicking the heart icon.
Arrows icon - also known as technology, arrows, shrink, convergence, center, infography, middle, and meeting point. 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="b"
cx="-1829.618"
cy="-7276.036"
r="98.069"
gradientTransform="matrix(1 0 0 .747 2123.889 5746.371)"
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="c"
cx="-1850.783"
cy="-7148.284"
r="92.77"
gradientTransform="matrix(1 0 0 .747 2166.22 5523.191)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".514" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</radialGradient>
<radialGradient
id="d"
cx="-1996.624"
cy="-7235.59"
r="199.849"
gradientTransform="matrix(1 0 0 .747 2457.903 5675.712)"
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>
<radialGradient
id="e"
cx="191.043"
cy="412.555"
r="106.627"
gradientTransform="matrix(0 1 -.563 0 423.273 221.512)"
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="f"
cx="237.796"
cy="262.819"
r="100.014"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#f9efaf" />
<stop offset=".628" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</radialGradient>
<radialGradient
id="g"
cx="-4647.579"
cy="-4589.565"
r="199.849"
gradientTransform="matrix(0 1 .747 0 3767.845 5045.137)"
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="h"
cx="2783.281"
cy="-4529.417"
r="196.056"
gradientTransform="matrix(0 -1 .747 0 3662.765 2880.582)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".514" stop-color="#cbe2ff" />
<stop offset="1" stop-color="#bed8fb" />
</radialGradient>
<radialGradient
id="i"
cx="2911.896"
cy="-4465.757"
r="146.321"
gradientTransform="matrix(0 -1 .747 0 3551.554 3137.814)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bed8fb" />
<stop offset=".472" stop-color="#93bffb" />
<stop offset=".665" stop-color="#80b4fb" />
<stop offset=".868" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</radialGradient>
<radialGradient
id="j"
cx="172.294"
cy="323.681"
r="67.907"
gradientTransform="matrix(-1 0 0 -.747 344.589 565.462)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4989d" />
<stop offset=".142" stop-color="#e38d93" />
<stop offset=".394" stop-color="#df6f77" />
<stop offset=".653" stop-color="#da4a54" />
<stop offset="1" stop-color="#d82e3d" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".514" stop-color="#eab1b7" />
<stop offset="1" stop-color="#e4989d" />
</linearGradient>
<radialGradient
id="k"
cx="159.886"
cy="169.529"
r="59.638"
gradientTransform="matrix(-1 0 0 -.747 319.772 296.163)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="19.246"
cy="275.128"
r="54.109"
gradientTransform="matrix(-1 0 0 -1.53 38.491 696.128)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="188.808"
cy="276.55"
r="199.849"
gradientTransform="matrix(-1 0 0 -.747 377.615 483.127)"
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>
<radialGradient
id="n"
cx="2838.546"
cy="-2350.371"
r="199.849"
gradientTransform="matrix(0 -1 -1.064 0 -2135.304 2962.416)"
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="o"
cx="391.815"
cy="2806.877"
r="211.586"
gradientTransform="matrix(.931 0 0 .112 -111.519 169.435)"
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(#b)"
d="m250.557 243.425 70.065 70.065h33.262l-44.557-83.978z"
/>
<path
fill="url(#c)"
d="m299.534 243.425 54.35-70.065h-33.262l-70.065 70.065z"
/>
<path
fill="url(#d)"
d="M353.884 313.49v-28.463H512v-83.205H353.884V173.36l-70.065 70.065z"
/>
<path
fill="url(#e)"
d="M197.766 324.678v158.116h33.263l13.401-157.111 6.295-15.864z"
/>
<path fill="url(#f)" d="M272.631 254.613h-33.262l-70.065 70.065h75.525z" />
<path
fill="url(#g)"
d="M342.696 324.678h-28.462v158.116h-83.205V324.678h-28.463l70.065-70.065z"
/>
<path
fill="url(#h)"
d="M197.766 162.172V4.056h33.263l13.401 157.11 6.295 15.865z"
/>
<path fill="url(#i)" d="M272.631 232.237h-33.262l-70.065-70.065h75.525z" />
<path fill="url(#j)" d="m191.378 313.49 4.266-36.593-37.528 8.13v28.463z" />
<path fill="url(#k)" d="m197.223 210.242-5.845-36.882h-33.262v28.462z" />
<path
fill="url(#l)"
d="m33.262 285.027 9.803-43.195-9.803-40.01H0v83.205z"
/>
<path
fill="url(#m)"
d="M191.378 173.36v28.462H33.262v83.205h158.116v28.463l70.065-70.065z"
/>
<path
fill="url(#n)"
d="M202.566 162.172h28.463V4.056h83.205v158.116h28.462l-70.065 70.065z"
/>
<path
fill="url(#o)"
d="M256 507.944c113.376 0 205.285-11.26 205.285-25.151H50.715c0 13.891 91.909 25.151 205.285 25.151z"
/>
</svg>
More icons in the same style and category