refresh icon
refresh-filled from Reicon by REICON · Filled · Arrows · MIT Free for personal and commercial use.
- Name
- refresh-filled
- Set
- Reicon
- Style
- Filled
- Category
- Arrows
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All refresh icons →refreshBoxIcons v2refreshCodiconsrefreshElement Plusrefresh-fillEva IconsrefreshFont Awesome Solidrefresh-outlineFlowbite IconsrefreshHuge IconsrefreshHumbleiconsrefreshIconParkrefreshIconPark OutlinerefreshIconoirrefreshIonIconsrefreshJam IconsrefreshMage IconsrefreshMajesticonsrefreshMaterial SymbolsrefreshMaterial Symbols LightrefreshMaterial Design IconsrefreshMyna UI IconsrefreshPixelarticonsrefreshPrime Iconsrefresh-fillRemix Iconrefresh-boldSolarrefreshTabler Icons
More arrows icons from Reicon
angle-downangle-down-circleangle-down-squareangle-leftangle-left-circleangle-left-squareangle-rightangle-right-circleangle-right-squareangle-upangle-up-circleangle-up-squareangles-leftangles-left2angles-rightangles-right2arrow-door-inarrow-door-outarrow-dotted-rotate-anticlockwisearrow-downarrow-down-2arrow-down-3arrow-down-circlearrow-down-left
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="M12.079 2.25c-4.794 0-8.734 3.663-9.118 8.333H2a.75.75 0 0 0-.528 1.283l1.68 1.666a.75.75 0 0 0 1.056 0l1.68-1.666a.75.75 0 0 0-.528-1.283h-.893c.38-3.831 3.638-6.833 7.612-6.833a7.66 7.66 0 0 1 6.537 3.643a.75.75 0 1 0 1.277-.786A9.16 9.16 0 0 0 12.08 2.25m8.761 8.217a.75.75 0 0 0-1.054 0L18.1 12.133a.75.75 0 0 0 .527 1.284h.899c-.382 3.83-3.651 6.833-7.644 6.833a7.7 7.7 0 0 1-6.565-3.644a.75.75 0 1 0-1.277.788a9.2 9.2 0 0 0 7.842 4.356c4.808 0 8.765-3.66 9.15-8.333H22a.75.75 0 0 0 .527-1.284z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconRefreshFilled(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="M12.079 2.25c-4.794 0-8.734 3.663-9.118 8.333H2a.75.75 0 0 0-.528 1.283l1.68 1.666a.75.75 0 0 0 1.056 0l1.68-1.666a.75.75 0 0 0-.528-1.283h-.893c.38-3.831 3.638-6.833 7.612-6.833a7.66 7.66 0 0 1 6.537 3.643a.75.75 0 1 0 1.277-.786A9.16 9.16 0 0 0 12.08 2.25m8.761 8.217a.75.75 0 0 0-1.054 0L18.1 12.133a.75.75 0 0 0 .527 1.284h.899c-.382 3.83-3.651 6.833-7.644 6.833a7.7 7.7 0 0 1-6.565-3.644a.75.75 0 1 0-1.277.788a9.2 9.2 0 0 0 7.842 4.356c4.808 0 8.765-3.66 9.15-8.333H22a.75.75 0 0 0 .527-1.284z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.079 2.25c-4.794 0-8.734 3.663-9.118 8.333H2a.75.75 0 0 0-.528 1.283l1.68 1.666a.75.75 0 0 0 1.056 0l1.68-1.666a.75.75 0 0 0-.528-1.283h-.893c.38-3.831 3.638-6.833 7.612-6.833a7.66 7.66 0 0 1 6.537 3.643a.75.75 0 1 0 1.277-.786A9.16 9.16 0 0 0 12.08 2.25m8.761 8.217a.75.75 0 0 0-1.054 0L18.1 12.133a.75.75 0 0 0 .527 1.284h.899c-.382 3.83-3.651 6.833-7.644 6.833a7.7 7.7 0 0 1-6.565-3.644a.75.75 0 1 0-1.277.788a9.2 9.2 0 0 0 7.842 4.356c4.808 0 8.765-3.66 9.15-8.333H22a.75.75 0 0 0 .527-1.284z"/></svg> </template>
CSS
.icon-refresh-filled {
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%22M12.079%202.25c-4.794%200-8.734%203.663-9.118%208.333H2a.75.75%200%200%200-.528%201.283l1.68%201.666a.75.75%200%200%200%201.056%200l1.68-1.666a.75.75%200%200%200-.528-1.283h-.893c.38-3.831%203.638-6.833%207.612-6.833a7.66%207.66%200%200%201%206.537%203.643a.75.75%200%201%200%201.277-.786A9.16%209.16%200%200%200%2012.08%202.25m8.761%208.217a.75.75%200%200%200-1.054%200L18.1%2012.133a.75.75%200%200%200%20.527%201.284h.899c-.382%203.83-3.651%206.833-7.644%206.833a7.7%207.7%200%200%201-6.565-3.644a.75.75%200%201%200-1.277.788a9.2%209.2%200%200%200%207.842%204.356c4.808%200%208.765-3.66%209.15-8.333H22a.75.75%200%200%200%20.527-1.284z%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%22M12.079%202.25c-4.794%200-8.734%203.663-9.118%208.333H2a.75.75%200%200%200-.528%201.283l1.68%201.666a.75.75%200%200%200%201.056%200l1.68-1.666a.75.75%200%200%200-.528-1.283h-.893c.38-3.831%203.638-6.833%207.612-6.833a7.66%207.66%200%200%201%206.537%203.643a.75.75%200%201%200%201.277-.786A9.16%209.16%200%200%200%2012.08%202.25m8.761%208.217a.75.75%200%200%200-1.054%200L18.1%2012.133a.75.75%200%200%200%20.527%201.284h.899c-.382%203.83-3.651%206.833-7.644%206.833a7.7%207.7%200%200%201-6.565-3.644a.75.75%200%201%200-1.277.788a9.2%209.2%200%200%200%207.842%204.356c4.808%200%208.765-3.66%209.15-8.333H22a.75.75%200%200%200%20.527-1.284z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/refresh-filled.svg?color=%231a73e8&size=48
