Add icons to this collection by clicking the heart icon.
Update icon - also known as update, arrows, refresh, ui, and repeat. 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 480 480"
>
<linearGradient
id="a"
x1="-32.404"
x2="-32.404"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M48 352H32V240c.106-92.74 75.26-167.894 168-168h104v25.864L360.456 64 304 30.136V56H200c-101.575.11-183.89 82.425-184 184v112H0V240C.123 129.594 89.594 40.123 200 40h88V1.864L391.544 64 288 126.136V88h-88c-83.909.093-151.907 68.091-152 152v112z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-21.346"
x2="-21.346"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M192 478.136 88.456 416 192 353.864V392h88c83.909-.093 151.907-68.091 152-152V128h16v112c-.106 92.74-75.26 167.894-168 168H176v-25.864L119.544 416 176 449.864V424h104c101.575-.11 183.89-82.425 184-184V128h16v112c-.123 110.406-89.594 199.877-200 200h-88v38.136z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1=".125"
x2=".125"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M448 96h16v16h-16V96z" fill="url(#c)" />
<linearGradient
id="d"
x1=".125"
x2=".125"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M448 64h16v16h-16V64z" fill="url(#d)" />
<linearGradient
id="e"
x1=".125"
x2=".125"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M448 32h16v16h-16V32z" fill="url(#e)" />
<linearGradient
id="f"
x1="-53.875"
x2="-53.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M16 432h16v16H16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-53.875"
x2="-53.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M16 400h16v16H16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-53.875"
x2="-53.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M16 368h16v16H16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-26.875"
x2="-26.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 328c-48.601 0-88-39.399-88-88s39.399-88 88-88 88 39.399 88 88c-.057 48.577-39.423 87.943-88 88zm0-160c-39.764 0-72 32.236-72 72s32.236 72 72 72 72-32.236 72-72c-.044-39.746-32.254-71.956-72-72z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-29.875"
x2="-29.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M192 248a8 8 0 0 1-8-8c.04-30.911 25.089-55.96 56-56a8 8 0 0 1 0 16c-22.08.026-39.974 17.92-40 40a8 8 0 0 1-8 8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-23.875"
x2="-23.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 296a8 8 0 0 1 0-16c22.08-.026 39.974-17.92 40-40a8 8 0 0 1 16 0c-.04 30.911-25.089 55.96-56 56z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-26.875"
x2="-26.875"
y1="557.743"
y2="619.467"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 264c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zm0-32a8 8 0 1 0 0 16 8 8 0 0 0 0-16z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category