Color

Mage Icons

Refresh Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: refresh reload sync update spinner

The Refresh icon is commonly used in data tables, pull-to-refresh UI and sync indicators. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/310930.svg" alt="Refresh icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310930.svg" alt="Refresh icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310930.svg"
  alt="Refresh icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-refresh {
  background-image: url('https://proicons.com/icon/310930.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.6054 7.70537C16.8708 6.96718 15.9972 6.38183 15.0351 5.98308C14.073 5.58435 13.0414 5.38013 12 5.38222C9.89717 5.38222 7.88054 6.21757 6.39364 7.70446C4.90674 9.19136 4.07141 11.208 4.07141 13.3107C4.07141 15.4146 4.9064 17.4323 6.39299 18.9209C7.87958 20.4095 9.89622 21.2472 12 21.25C14.1037 21.2472 16.1204 20.4095 17.607 18.9209C19.0936 17.4323 19.9286 15.4146 19.9286 13.3107" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M16.8808 2.75L17.8292 6.60772C17.913 6.94965 17.858 7.31085 17.6763 7.61238C17.4945 7.9139 17.2009 8.13125 16.8594 8.21689L12.9911 9.16532" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Refresh in other icon packs

Eva Icons Filled

Carbon Icons

Ionicons

MynaUI Icons Filled

MynaUI Icons

Hugeicons

Humbleicons

Iconoir

Copied!

Refresh Icon

More from Mage Icons

Refresh in other icon packs