Add icons to this collection by clicking the heart icon.
Refresh icon - also known as technology, update, reload, refresh, window, and seo and web. Created in a clean lineal color style with a white, gray, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="#303c42"
/>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-44.263"
x2="-26.984"
y1="647.794"
y2="639.737"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.306"
x2="-30.1"
y1="649.294"
y2="638.088"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#b)"
/>
<path
d="M426.667 448h-384c-11.76 0-21.333-9.573-21.333-21.333v-320H448v320c0 11.76-9.573 21.333-21.333 21.333z"
fill="#fff"
/>
<circle cx="53.333" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="96" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="138.667" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="394.667" cy="394.667" r="117.333" fill="#303c42" />
<circle cx="394.667" cy="394.667" r="96" fill="#00b5ef" />
<path
d="M368.583 382.208a10.66 10.66 0 0 0 2.958-14.792 10.65 10.65 0 0 0-14.792-2.958l-9.906 6.604c8.729-17.604 26.885-29.729 47.823-29.729 17.75 0 34.281 8.792 44.24 23.521 3.281 4.885 9.927 6.167 14.802 2.865 4.885-3.292 6.167-9.927 2.865-14.802C442.656 332.302 419.51 320 394.667 320 353.5 320 320 353.5 320 394.667a10.664 10.664 0 0 0 16.583 8.874l32-21.333zM463.698 385.26c-3.469-1.854-7.688-1.656-10.948.531l-32 21.333a10.66 10.66 0 0 0-2.958 14.792c3.25 4.896 9.875 6.198 14.792 2.958l9.906-6.604c-8.73 17.605-26.886 29.73-47.823 29.73-17.75 0-34.281-8.792-44.24-23.521-3.281-4.885-9.927-6.167-14.802-2.865-4.885 3.292-6.167 9.927-2.865 14.802 13.917 20.615 37.063 32.917 61.906 32.917 41.167 0 74.667-33.5 74.667-74.667 0-3.937-2.166-7.551-5.635-9.406z"
fill="#303c42"
/>
<linearGradient
id="c"
x1="-48.355"
x2="-21.686"
y1="641.384"
y2="628.948"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 304.225V42.667C469.333 19.135 450.198 0 426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h261.56c21.537 26.041 54.08 42.666 90.44 42.666C459.368 512 512 459.367 512 394.667c0-36.36-16.624-68.904-42.667-90.442z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category