refresh circle icon
refresh-circle-solid from Iconoir by Luca Burgio · Solid · Actions · MIT Free for personal and commercial use.
- Name
- refresh-circle-solid
- Set
- Iconoir
- Style
- Solid
- Category
- Actions
- Viewbox
- 24×24
- License
- MIT
1 other variant in Iconoir
The same icon in other sets
More actions icons from Iconoir
Use the refresh circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m10.738-4.25c-2.287 0-4.04 1.532-4.243 3.334a.75.75 0 0 1-1.49-.168c.301-2.69 2.821-4.666 5.733-4.666c1.67 0 3.198.644 4.262 1.697V7.5a.75.75 0 0 1 1.5 0v1.622a1.35 1.35 0 0 1-1.35 1.35h-1.906a.75.75 0 0 1 0-1.5h.658c-.77-.74-1.89-1.222-3.164-1.222m.024 8.5c2.146 0 4.018-1.828 4.24-4.317a.75.75 0 0 1 1.495.134c-.28 3.126-2.682 5.683-5.735 5.683c-1.708 0-3.219-.807-4.262-2.062v.712a.75.75 0 0 1-1.5 0v-2.177c0-.746.604-1.35 1.35-1.35h1.906a.75.75 0 0 1 0 1.5h-.873c.79 1.158 2.027 1.877 3.38 1.877" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function IconoirRefreshCircleSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m10.738-4.25c-2.287 0-4.04 1.532-4.243 3.334a.75.75 0 0 1-1.49-.168c.301-2.69 2.821-4.666 5.733-4.666c1.67 0 3.198.644 4.262 1.697V7.5a.75.75 0 0 1 1.5 0v1.622a1.35 1.35 0 0 1-1.35 1.35h-1.906a.75.75 0 0 1 0-1.5h.658c-.77-.74-1.89-1.222-3.164-1.222m.024 8.5c2.146 0 4.018-1.828 4.24-4.317a.75.75 0 0 1 1.495.134c-.28 3.126-2.682 5.683-5.735 5.683c-1.708 0-3.219-.807-4.262-2.062v.712a.75.75 0 0 1-1.5 0v-2.177c0-.746.604-1.35 1.35-1.35h1.906a.75.75 0 0 1 0 1.5h-.873c.79 1.158 2.027 1.877 3.38 1.877" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m10.738-4.25c-2.287 0-4.04 1.532-4.243 3.334a.75.75 0 0 1-1.49-.168c.301-2.69 2.821-4.666 5.733-4.666c1.67 0 3.198.644 4.262 1.697V7.5a.75.75 0 0 1 1.5 0v1.622a1.35 1.35 0 0 1-1.35 1.35h-1.906a.75.75 0 0 1 0-1.5h.658c-.77-.74-1.89-1.222-3.164-1.222m.024 8.5c2.146 0 4.018-1.828 4.24-4.317a.75.75 0 0 1 1.495.134c-.28 3.126-2.682 5.683-5.735 5.683c-1.708 0-3.219-.807-4.262-2.062v.712a.75.75 0 0 1-1.5 0v-2.177c0-.746.604-1.35 1.35-1.35h1.906a.75.75 0 0 1 0 1.5h-.873c.79 1.158 2.027 1.877 3.38 1.877" clip-rule="evenodd"/></svg> </template>
CSS
.icon-refresh-circle-solid {
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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m10.738-4.25c-2.287%200-4.04%201.532-4.243%203.334a.75.75%200%200%201-1.49-.168c.301-2.69%202.821-4.666%205.733-4.666c1.67%200%203.198.644%204.262%201.697V7.5a.75.75%200%200%201%201.5%200v1.622a1.35%201.35%200%200%201-1.35%201.35h-1.906a.75.75%200%200%201%200-1.5h.658c-.77-.74-1.89-1.222-3.164-1.222m.024%208.5c2.146%200%204.018-1.828%204.24-4.317a.75.75%200%200%201%201.495.134c-.28%203.126-2.682%205.683-5.735%205.683c-1.708%200-3.219-.807-4.262-2.062v.712a.75.75%200%200%201-1.5%200v-2.177c0-.746.604-1.35%201.35-1.35h1.906a.75.75%200%200%201%200%201.5h-.873c.79%201.158%202.027%201.877%203.38%201.877%22%20clip-rule%3D%22evenodd%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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m10.738-4.25c-2.287%200-4.04%201.532-4.243%203.334a.75.75%200%200%201-1.49-.168c.301-2.69%202.821-4.666%205.733-4.666c1.67%200%203.198.644%204.262%201.697V7.5a.75.75%200%200%201%201.5%200v1.622a1.35%201.35%200%200%201-1.35%201.35h-1.906a.75.75%200%200%201%200-1.5h.658c-.77-.74-1.89-1.222-3.164-1.222m.024%208.5c2.146%200%204.018-1.828%204.24-4.317a.75.75%200%200%201%201.495.134c-.28%203.126-2.682%205.683-5.735%205.683c-1.708%200-3.219-.807-4.262-2.062v.712a.75.75%200%200%201-1.5%200v-2.177c0-.746.604-1.35%201.35-1.35h1.906a.75.75%200%200%201%200%201.5h-.873c.79%201.158%202.027%201.877%203.38%201.877%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/iconoir/refresh-circle-solid.svg?color=%231a73e8&size=48
