refresh icon
refresh-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- refresh-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
refreshBoxIcons v2refreshCodiconsrefreshElement Plusrefresh-fillEva IconsrefreshFont Awesome Solidrefresh-outlineFlowbite IconsrefreshHuge IconsrefreshHumbleiconsrefreshIconParkrefreshIconPark OutlinerefreshIconoirrefreshIonIconsrefreshJam IconsrefreshMage IconsrefreshMajesticonsrefreshMaterial SymbolsrefreshMaterial Symbols LightrefreshMaterial Design IconsrefreshPixelarticonsrefreshPrime Iconsrefresh-fillRemix Iconrefresh-boldSolarrefreshTabler IconsrefreshTDesign Icons
Related icons in Myna UI Icons
Use the refresh icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.074 12.154a.75.75 0 0 1 .672.82c-.49 4.93-4.658 8.776-9.724 8.776c-2.724 0-5.364-.933-7.238-2.68L3 20.85a.75.75 0 0 1-.75-.75v-3.96c0-.714.58-1.29 1.291-1.29h3.97a.75.75 0 0 1 .75.75l-2.413 2.407c1.558 1.433 3.78 2.243 6.174 2.243c4.29 0 7.817-3.258 8.232-7.424a.75.75 0 0 1 .82-.672m-18.82-1.128c.49-4.93 4.658-8.776 9.724-8.776c2.724 0 5.364.933 7.238 2.68L21 3.15a.75.75 0 0 1 .75.75v3.96c0 .714-.58 1.29-1.291 1.29h-3.97a.75.75 0 0 1-.75-.75l2.413-2.408c-1.558-1.432-3.78-2.242-6.174-2.242c-4.29 0-7.817 3.258-8.232 7.424a.75.75 0 1 1-1.492-.148"/></svg>
React
import type { SVGProps } from "react";
export function MynauiRefreshSolid(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" d="M21.074 12.154a.75.75 0 0 1 .672.82c-.49 4.93-4.658 8.776-9.724 8.776c-2.724 0-5.364-.933-7.238-2.68L3 20.85a.75.75 0 0 1-.75-.75v-3.96c0-.714.58-1.29 1.291-1.29h3.97a.75.75 0 0 1 .75.75l-2.413 2.407c1.558 1.433 3.78 2.243 6.174 2.243c4.29 0 7.817-3.258 8.232-7.424a.75.75 0 0 1 .82-.672m-18.82-1.128c.49-4.93 4.658-8.776 9.724-8.776c2.724 0 5.364.933 7.238 2.68L21 3.15a.75.75 0 0 1 .75.75v3.96c0 .714-.58 1.29-1.291 1.29h-3.97a.75.75 0 0 1-.75-.75l2.413-2.408c-1.558-1.432-3.78-2.242-6.174-2.242c-4.29 0-7.817 3.258-8.232 7.424a.75.75 0 1 1-1.492-.148"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.074 12.154a.75.75 0 0 1 .672.82c-.49 4.93-4.658 8.776-9.724 8.776c-2.724 0-5.364-.933-7.238-2.68L3 20.85a.75.75 0 0 1-.75-.75v-3.96c0-.714.58-1.29 1.291-1.29h3.97a.75.75 0 0 1 .75.75l-2.413 2.407c1.558 1.433 3.78 2.243 6.174 2.243c4.29 0 7.817-3.258 8.232-7.424a.75.75 0 0 1 .82-.672m-18.82-1.128c.49-4.93 4.658-8.776 9.724-8.776c2.724 0 5.364.933 7.238 2.68L21 3.15a.75.75 0 0 1 .75.75v3.96c0 .714-.58 1.29-1.291 1.29h-3.97a.75.75 0 0 1-.75-.75l2.413-2.408c-1.558-1.432-3.78-2.242-6.174-2.242c-4.29 0-7.817 3.258-8.232 7.424a.75.75 0 1 1-1.492-.148"/></svg> </template>
CSS
.icon-refresh-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%20d%3D%22M21.074%2012.154a.75.75%200%200%201%20.672.82c-.49%204.93-4.658%208.776-9.724%208.776c-2.724%200-5.364-.933-7.238-2.68L3%2020.85a.75.75%200%200%201-.75-.75v-3.96c0-.714.58-1.29%201.291-1.29h3.97a.75.75%200%200%201%20.75.75l-2.413%202.407c1.558%201.433%203.78%202.243%206.174%202.243c4.29%200%207.817-3.258%208.232-7.424a.75.75%200%200%201%20.82-.672m-18.82-1.128c.49-4.93%204.658-8.776%209.724-8.776c2.724%200%205.364.933%207.238%202.68L21%203.15a.75.75%200%200%201%20.75.75v3.96c0%20.714-.58%201.29-1.291%201.29h-3.97a.75.75%200%200%201-.75-.75l2.413-2.408c-1.558-1.432-3.78-2.242-6.174-2.242c-4.29%200-7.817%203.258-8.232%207.424a.75.75%200%201%201-1.492-.148%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%20d%3D%22M21.074%2012.154a.75.75%200%200%201%20.672.82c-.49%204.93-4.658%208.776-9.724%208.776c-2.724%200-5.364-.933-7.238-2.68L3%2020.85a.75.75%200%200%201-.75-.75v-3.96c0-.714.58-1.29%201.291-1.29h3.97a.75.75%200%200%201%20.75.75l-2.413%202.407c1.558%201.433%203.78%202.243%206.174%202.243c4.29%200%207.817-3.258%208.232-7.424a.75.75%200%200%201%20.82-.672m-18.82-1.128c.49-4.93%204.658-8.776%209.724-8.776c2.724%200%205.364.933%207.238%202.68L21%203.15a.75.75%200%200%201%20.75.75v3.96c0%20.714-.58%201.29-1.291%201.29h-3.97a.75.75%200%200%201-.75-.75l2.413-2.408c-1.558-1.432-3.78-2.242-6.174-2.242c-4.29%200-7.817%203.258-8.232%207.424a.75.75%200%201%201-1.492-.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/refresh-solid.svg?color=%231a73e8&size=48
