refresh icon

refresh from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
refresh
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

The same icon in other sets

refreshBoxIcons v2refresh-fillEva IconsrefreshHuge IconsrefreshHumbleiconsrefreshIconoirrefreshIonIconsrefreshMage IconsrefreshMajesticonsrefreshMaterial SymbolsrefreshMaterial Design IconsrefreshPixelarticonsrefresh-fillRemix Iconrefresh-boldSolarrefreshTabler Iconsrefresh-outlineTeenyiconsrefreshUniconsrefreshUnicons MonochromerefreshUnicons Solidrefresh-outlinedWeUI Icon

Related icons in Jam Icons

refresh-reverse

Use the refresh icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1.5 -2.5 24 24"><path fill="currentColor" d="m17.83 4.194l.42-1.377a1 1 0 1 1 1.913.585l-1.17 3.825a1 1 0 0 1-1.248.664l-3.825-1.17a1 1 0 1 1 .585-1.912l1.672.511A7.381 7.381 0 0 0 3.185 6.584l-.26.633a1 1 0 1 1-1.85-.758l.26-.633A9.381 9.381 0 0 1 17.83 4.194M2.308 14.807l-.327 1.311a1 1 0 1 1-1.94-.484l.967-3.88a1 1 0 0 1 1.265-.716l3.828.954a1 1 0 0 1-.484 1.941l-1.786-.445a7.384 7.384 0 0 0 13.216-1.792a1 1 0 1 1 1.906.608a9.38 9.38 0 0 1-5.38 5.831a9.386 9.386 0 0 1-11.265-3.328"/></svg>

React

import type { SVGProps } from "react";

export function JamRefresh(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1.5 -2.5 24 24"><path fill="currentColor" d="m17.83 4.194l.42-1.377a1 1 0 1 1 1.913.585l-1.17 3.825a1 1 0 0 1-1.248.664l-3.825-1.17a1 1 0 1 1 .585-1.912l1.672.511A7.381 7.381 0 0 0 3.185 6.584l-.26.633a1 1 0 1 1-1.85-.758l.26-.633A9.381 9.381 0 0 1 17.83 4.194M2.308 14.807l-.327 1.311a1 1 0 1 1-1.94-.484l.967-3.88a1 1 0 0 1 1.265-.716l3.828.954a1 1 0 0 1-.484 1.941l-1.786-.445a7.384 7.384 0 0 0 13.216-1.792a1 1 0 1 1 1.906.608a9.38 9.38 0 0 1-5.38 5.831a9.386 9.386 0 0 1-11.265-3.328"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1.5 -2.5 24 24"><path fill="currentColor" d="m17.83 4.194l.42-1.377a1 1 0 1 1 1.913.585l-1.17 3.825a1 1 0 0 1-1.248.664l-3.825-1.17a1 1 0 1 1 .585-1.912l1.672.511A7.381 7.381 0 0 0 3.185 6.584l-.26.633a1 1 0 1 1-1.85-.758l.26-.633A9.381 9.381 0 0 1 17.83 4.194M2.308 14.807l-.327 1.311a1 1 0 1 1-1.94-.484l.967-3.88a1 1 0 0 1 1.265-.716l3.828.954a1 1 0 0 1-.484 1.941l-1.786-.445a7.384 7.384 0 0 0 13.216-1.792a1 1 0 1 1 1.906.608a9.38 9.38 0 0 1-5.38 5.831a9.386 9.386 0 0 1-11.265-3.328"/></svg>
</template>

CSS

.icon-refresh {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-1.5%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.83%204.194l.42-1.377a1%201%200%201%201%201.913.585l-1.17%203.825a1%201%200%200%201-1.248.664l-3.825-1.17a1%201%200%201%201%20.585-1.912l1.672.511A7.381%207.381%200%200%200%203.185%206.584l-.26.633a1%201%200%201%201-1.85-.758l.26-.633A9.381%209.381%200%200%201%2017.83%204.194M2.308%2014.807l-.327%201.311a1%201%200%201%201-1.94-.484l.967-3.88a1%201%200%200%201%201.265-.716l3.828.954a1%201%200%200%201-.484%201.941l-1.786-.445a7.384%207.384%200%200%200%2013.216-1.792a1%201%200%201%201%201.906.608a9.38%209.38%200%200%201-5.38%205.831a9.386%209.386%200%200%201-11.265-3.328%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-1.5%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.83%204.194l.42-1.377a1%201%200%201%201%201.913.585l-1.17%203.825a1%201%200%200%201-1.248.664l-3.825-1.17a1%201%200%201%201%20.585-1.912l1.672.511A7.381%207.381%200%200%200%203.185%206.584l-.26.633a1%201%200%201%201-1.85-.758l.26-.633A9.381%209.381%200%200%201%2017.83%204.194M2.308%2014.807l-.327%201.311a1%201%200%201%201-1.94-.484l.967-3.88a1%201%200%200%201%201.265-.716l3.828.954a1%201%200%200%201-.484%201.941l-1.786-.445a7.384%207.384%200%200%200%2013.216-1.792a1%201%200%201%201%201.906.608a9.38%209.38%200%200%201-5.38%205.831a9.386%209.386%200%200%201-11.265-3.328%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/refresh.svg?color=%231a73e8&size=48