Add icons to this collection by clicking the heart icon.
Reload icon - also known as update, reload, arrows, refresh, loading, change, ui, redo, sync, refresh arrow, and user interface. Created in a clean flat style with a black and teal finish, 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 24 24"
>
<symbol id="c" viewBox="0 -48 48 48">
<g clip-path="url(#a)">
<g
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
>
<path
d="M2-48V0M4-48V0M6-48V0M8-48V0M10-48V0M12-48V0M14-48V0M16-48V0M18-48V0M20-48V0M22-48V0M24-48V0M26-48V0M28-48V0M30-48V0M32-48V0M34-48V0M36-48V0M38-48V0M40-48V0M42-48V0M44-48V0M46-48V0"
/>
</g>
<g
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
>
<path
d="M0-2h48M0-4h48M0-6h48M0-8h48M0-10h48M0-12h48M0-14h48M0-16h48M0-18h48M0-20h48M0-22h48M0-24h48M0-26h48M0-28h48M0-30h48M0-32h48M0-34h48M0-36h48M0-38h48M0-40h48M0-42h48M0-44h48M0-46h48"
/>
</g>
<path d="M47.75-.25v-47.5H.25v47.5zM48 0H0v-48h48z" />
</g>
</symbol>
<clipPath id="a"><path d="M0-48h48V0H0z" /></clipPath>
<symbol id="d" viewBox="0 -48 48 48">
<g opacity=".4">
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24 0v-48M48-24H0M48-16H0M48-32H0M32-48V0M16-48V0M47.75-.25.25-47.75M.25-.25l47.5-47.5M24-14c-5.522 0-10-4.477-10-10 0-5.522 4.478-10 10-10 5.523 0 10 4.478 10 10 0 5.523-4.477 10-10 10z"
clip-path="url(#b)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24-4C12.946-4 4-12.947 4-24s8.946-20 20-20c11.053 0 20 8.947 20 20 0 11.052-8.948 20-20 20z"
clip-path="url(#b)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M38-6H10c-2.211 0-4-1.791-4-4v-28c0-2.21 1.789-4 4-4h28c2.21 0 4 1.79 4 4v28c0 2.209-1.79 4-4 4z"
clip-path="url(#b)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M40-8H8a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4z"
clip-path="url(#b)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M40-40v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4v-32a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4z"
clip-path="url(#b)"
/>
<g clip-path="url(#b)">
<path d="M47.75-.25v-47.5H.25v47.5zM48 0H0v-48h48z" />
</g>
</g>
</symbol>
<clipPath id="b"><path d="M0-48h48V0H0z" /></clipPath>
<path
fill="#00d6a2"
d="M11.059 19.059C7.167 19.059 4 15.892 4 12s3.167-7.059 7.059-7.059S18.118 8.108 18.118 12a.882.882 0 1 1-1.765 0c0-2.92-2.375-5.294-5.294-5.294S5.765 9.08 5.765 12s2.374 5.294 5.294 5.294a.882.882 0 1 1 0 1.765z"
/>
<path
d="m16.403 16.046-1.66-2.491A1 1 0 0 1 15.575 12h3.321a1 1 0 0 1 .833 1.555l-1.661 2.491a1 1 0 0 1-1.665 0z"
/>
</svg>
More icons in the same style and category