Refresh icon

A free refresh icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Arrows & Navigation
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: refresh, reload, renew, update, circular motion, repeat, reset

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 2.47)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13.5 0C14.01 1.19 14.36 2.44 14.55 3.73C14.58 3.95 14.46 4.16 14.25 4.24C14.19 4.27 14.13 4.29 14.07 4.31M2.5 19.05C1.99 17.86 1.64 16.61 1.45 15.33C1.42 15.11 1.54 14.89 1.75 14.81C1.81 14.79 1.87 14.76 1.93 14.74M10.5 5.2C11.72 5.05 12.92 4.75 14.07 4.31M14.07 4.31C13.5 3.65 12.81 3.06 12 2.6C8.17 0.39 3.28 1.7 1.07 5.53C0.06 7.28 -0.21 9.27 0.16 11.11M15.91 8.32C16.18 10.05 15.88 11.89 14.93 13.53C12.72 17.35 7.83 18.66 4 16.45C3.2 15.99 2.5 15.41 1.93 14.74M5.5 13.86C4.28 14 3.08 14.3 1.93 14.74"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 1.47)" fill="currentColor" d="M14.51 0C14.91 0 15.27 0.24 15.42 0.61C15.96 1.88 16.34 3.21 16.54 4.58C16.64 5.26 16.26 5.92 15.62 6.17C14.34 6.68 12.99 7.02 11.62 7.19C11.23 7.24 10.84 7.05 10.64 6.7C10.44 6.36 10.46 5.93 10.69 5.61L11.05 5.12C11.29 4.78 11.52 4.44 11.74 4.09C8.53 2.72 4.73 3.93 2.94 7.03C2.05 8.57 1.81 10.3 2.14 11.91C2.25 12.46 1.9 12.98 1.36 13.09C0.82 13.2 0.29 12.85 0.18 12.31C-0.24 10.24 0.07 8.01 1.21 6.03C3.55 1.97 8.58 0.43 12.75 2.35C12.96 1.95 13.15 1.55 13.34 1.15L13.59 0.59C13.75 0.23 14.11 0 14.51 0Z"/>
  <path transform="translate(3 1.47)" fill="currentColor" d="M16.76 8.33C17.3 8.25 17.81 8.62 17.9 9.17C18.2 11.12 17.86 13.19 16.8 15.03C14.45 19.09 9.42 20.63 5.25 18.71C5.04 19.1 4.85 19.5 4.66 19.91L4.41 20.47C4.25 20.83 3.89 21.06 3.49 21.06C3.09 21.05 2.74 20.81 2.58 20.45C2.04 19.18 1.66 17.84 1.46 16.47C1.36 15.8 1.74 15.14 2.38 14.89C3.66 14.38 5.01 14.03 6.38 13.87C6.78 13.82 7.16 14.01 7.36 14.35C7.56 14.69 7.54 15.12 7.31 15.44L6.96 15.94C6.71 16.28 6.48 16.62 6.26 16.97C9.47 18.34 13.27 17.13 15.06 14.03C15.89 12.6 16.15 10.99 15.92 9.47C15.84 8.93 16.21 8.42 16.76 8.33Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14.07 2.79C13.5 2.12 12.81 1.54 12 1.07C8.17 -1.14 3.28 0.17 1.07 4C0.06 5.76 -0.21 7.74 0.16 9.58M15.91 6.79C16.18 8.53 15.88 10.36 14.93 12C12.72 15.83 7.83 17.14 4 14.93C3.2 14.47 2.5 13.88 1.93 13.22"/>
  <path transform="translate(5.45 2.47)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12.05 0C12.56 1.19 12.92 2.44 13.1 3.73C13.13 3.95 13.01 4.16 12.81 4.24C12.74 4.27 12.68 4.29 12.62 4.31C11.48 4.75 10.28 5.05 9.05 5.2M1.05 19.05C0.54 17.86 0.19 16.61 0.01 15.33C-0.03 15.11 0.1 14.89 0.3 14.81C0.36 14.79 0.42 14.76 0.48 14.74C1.63 14.3 2.83 14 4.05 13.86"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 14.93C7.83 17.14 12.72 15.83 14.93 12C15.88 10.36 16.18 8.53 15.91 6.79M12 1.07C8.17 -1.14 3.28 0.17 1.07 4C0.06 5.76 -0.21 7.74 0.16 9.58"/>
  <path transform="translate(4.45 1.47)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M13.06 0C13.46 0 13.82 0.24 13.97 0.61C14.52 1.88 14.89 3.21 15.09 4.58C15.19 5.26 14.81 5.92 14.17 6.17C12.89 6.68 11.55 7.02 10.17 7.19C9.78 7.24 9.39 7.05 9.19 6.7C8.99 6.36 9.01 5.93 9.24 5.61L9.6 5.12C10.49 3.87 11.26 2.54 11.89 1.15L12.14 0.59C12.31 0.23 12.67 0 13.06 0Z"/>
  <path transform="translate(4.45 1.47)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M4.93 13.87C5.33 13.82 5.71 14.01 5.91 14.35C6.12 14.69 6.1 15.12 5.87 15.44L5.51 15.94C4.61 17.18 3.85 18.51 3.22 19.91L2.97 20.47C2.8 20.83 2.44 21.06 2.04 21.06C1.65 21.05 1.29 20.81 1.13 20.45C0.59 19.18 0.22 17.84 0.02 16.47C-0.08 15.8 0.3 15.14 0.93 14.89C2.22 14.38 3.56 14.03 4.93 13.87Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(5.45 2.47)" fill="currentColor" d="M12.05 0C12.56 1.19 12.92 2.44 13.1 3.73C13.13 3.95 13.01 4.16 12.81 4.24C12.74 4.27 12.68 4.29 12.62 4.31C11.48 4.75 10.28 5.05 9.05 5.2L9.41 4.7C10.34 3.4 11.14 2.01 11.8 0.56L12.05 0Z"/>
  <path opacity="0.28" transform="translate(5.45 2.47)" fill="currentColor" d="M1.05 19.06C0.54 17.86 0.19 16.61 0.01 15.33C-0.03 15.11 0.1 14.9 0.3 14.81C0.36 14.79 0.42 14.77 0.48 14.74C1.63 14.3 2.83 14.01 4.05 13.86L3.7 14.36C2.76 15.65 1.96 17.04 1.31 18.5L1.05 19.06Z"/>
  <path transform="translate(4 2.47)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14.55 3.73C14.36 2.44 14.01 1.19 13.5 0L13.25 0.56C12.92 1.29 12.55 2 12.16 2.69C11.76 3.38 11.32 4.05 10.86 4.7L10.5 5.2C11.72 5.05 12.92 4.75 14.07 4.31C14.13 4.29 14.19 4.27 14.25 4.24C14.46 4.16 14.58 3.95 14.55 3.73Z"/>
  <path transform="translate(4 2.47)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1.45 15.33C1.64 16.61 1.99 17.86 2.5 19.06L2.75 18.5C3.08 17.77 3.45 17.06 3.85 16.37C4.24 15.68 4.68 15.01 5.14 14.36L5.5 13.86C4.28 14.01 3.08 14.3 1.93 14.74C1.87 14.77 1.81 14.79 1.75 14.82C1.54 14.9 1.42 15.11 1.45 15.33Z"/>
  <path transform="translate(4 2.47)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.91 8.32C16.18 10.06 15.88 11.89 14.93 13.53C12.72 17.36 7.83 18.67 4 16.46C3.95 16.43 3.9 16.4 3.85 16.37M0.16 11.11C-0.21 9.27 0.06 7.29 1.07 5.53C3.28 1.7 8.17 0.39 12 2.6C12.05 2.63 12.1 2.66 12.16 2.69"/>
</svg>