Refresh Pixel Art Icon
A circular arrow icon for reloading a page, refreshing data, syncing content, and retrying a failed request.
Tags
reloadsyncupdaterotatearrowcircular
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Refresh icon
Two arrows forming a circular loop, universally understood as 'reload' or 'refresh.' Browser toolbars, pull-to-refresh controls, data dashboards, and sync buttons all use this shape. It can mean reloading a page, fetching new data, or retrying a request that failed. For a one-way sync rather than a mutual round-trip, a single curved arrow may read more precisely. Redo is sometimes confused with refresh; the full circle here makes the 'reload everything' meaning clearer.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/refresh.svg" width="24" height="24" alt="Refresh" />
<!-- React -->
import { Refresh } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="refresh.svg" width="48" height="48" style="image-rendering: pixelated" />