cycle icon
cycle-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- cycle-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- cycle-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the cycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.039 12.006q0 2.471 1.399 4.488T9.142 19.4q.235.09.344.286t.004.372q-.123.202-.352.266t-.451-.02Q6.112 19.3 4.566 17.029t-1.547-5.042q0-.785.136-1.554q.136-.77.42-1.51L1.827 9.931q-.177.11-.375.055t-.302-.232t-.049-.378t.232-.305l2.775-1.596q.292-.161.618-.078q.326.084.488.376l1.595 2.75q.104.177.05.378q-.055.201-.232.305t-.378.049t-.305-.232L4.691 8.875q-.333.739-.493 1.53q-.16.793-.16 1.6M12 4.02q-1.352 0-2.611.455t-2.314 1.3q-.183.142-.403.128t-.324-.191q-.129-.208-.061-.438t.255-.378q1.183-.919 2.565-1.398t2.874-.479q1.956 0 3.7.786q1.746.786 3.036 2.262V3.981q0-.214.144-.357t.356-.143t.357.143t.143.357v3.192q0 .348-.23.578t-.577.23h-3.193q-.213 0-.356-.143t-.144-.357t.144-.357t.356-.143h2.475q-1.13-1.425-2.755-2.193T12 4.018m5.973 13.256q1.22-1.388 1.69-3.136q.471-1.748.125-3.545q-.038-.232.086-.423t.338-.19q.251 0 .414.19t.201.443q.327 1.894-.176 3.743t-1.747 3.341q-.995 1.204-2.332 1.994q-1.338.79-2.874 1.087l1.73.996q.178.104.23.305q.052.2-.052.378q-.104.177-.302.229t-.375-.052l-2.762-1.616q-.292-.161-.376-.487q-.083-.326.078-.618l1.597-2.737q.103-.177.301-.229q.199-.052.375.052q.177.104.232.305t-.049.378l-1.31 2.228q1.445-.2 2.726-.868t2.232-1.768"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCycleRounded(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="M4.039 12.006q0 2.471 1.399 4.488T9.142 19.4q.235.09.344.286t.004.372q-.123.202-.352.266t-.451-.02Q6.112 19.3 4.566 17.029t-1.547-5.042q0-.785.136-1.554q.136-.77.42-1.51L1.827 9.931q-.177.11-.375.055t-.302-.232t-.049-.378t.232-.305l2.775-1.596q.292-.161.618-.078q.326.084.488.376l1.595 2.75q.104.177.05.378q-.055.201-.232.305t-.378.049t-.305-.232L4.691 8.875q-.333.739-.493 1.53q-.16.793-.16 1.6M12 4.02q-1.352 0-2.611.455t-2.314 1.3q-.183.142-.403.128t-.324-.191q-.129-.208-.061-.438t.255-.378q1.183-.919 2.565-1.398t2.874-.479q1.956 0 3.7.786q1.746.786 3.036 2.262V3.981q0-.214.144-.357t.356-.143t.357.143t.143.357v3.192q0 .348-.23.578t-.577.23h-3.193q-.213 0-.356-.143t-.144-.357t.144-.357t.356-.143h2.475q-1.13-1.425-2.755-2.193T12 4.018m5.973 13.256q1.22-1.388 1.69-3.136q.471-1.748.125-3.545q-.038-.232.086-.423t.338-.19q.251 0 .414.19t.201.443q.327 1.894-.176 3.743t-1.747 3.341q-.995 1.204-2.332 1.994q-1.338.79-2.874 1.087l1.73.996q.178.104.23.305q.052.2-.052.378q-.104.177-.302.229t-.375-.052l-2.762-1.616q-.292-.161-.376-.487q-.083-.326.078-.618l1.597-2.737q.103-.177.301-.229q.199-.052.375.052q.177.104.232.305t-.049.378l-1.31 2.228q1.445-.2 2.726-.868t2.232-1.768"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.039 12.006q0 2.471 1.399 4.488T9.142 19.4q.235.09.344.286t.004.372q-.123.202-.352.266t-.451-.02Q6.112 19.3 4.566 17.029t-1.547-5.042q0-.785.136-1.554q.136-.77.42-1.51L1.827 9.931q-.177.11-.375.055t-.302-.232t-.049-.378t.232-.305l2.775-1.596q.292-.161.618-.078q.326.084.488.376l1.595 2.75q.104.177.05.378q-.055.201-.232.305t-.378.049t-.305-.232L4.691 8.875q-.333.739-.493 1.53q-.16.793-.16 1.6M12 4.02q-1.352 0-2.611.455t-2.314 1.3q-.183.142-.403.128t-.324-.191q-.129-.208-.061-.438t.255-.378q1.183-.919 2.565-1.398t2.874-.479q1.956 0 3.7.786q1.746.786 3.036 2.262V3.981q0-.214.144-.357t.356-.143t.357.143t.143.357v3.192q0 .348-.23.578t-.577.23h-3.193q-.213 0-.356-.143t-.144-.357t.144-.357t.356-.143h2.475q-1.13-1.425-2.755-2.193T12 4.018m5.973 13.256q1.22-1.388 1.69-3.136q.471-1.748.125-3.545q-.038-.232.086-.423t.338-.19q.251 0 .414.19t.201.443q.327 1.894-.176 3.743t-1.747 3.341q-.995 1.204-2.332 1.994q-1.338.79-2.874 1.087l1.73.996q.178.104.23.305q.052.2-.052.378q-.104.177-.302.229t-.375-.052l-2.762-1.616q-.292-.161-.376-.487q-.083-.326.078-.618l1.597-2.737q.103-.177.301-.229q.199-.052.375.052q.177.104.232.305t-.049.378l-1.31 2.228q1.445-.2 2.726-.868t2.232-1.768"/></svg> </template>
CSS
.icon-cycle-rounded {
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%22M4.039%2012.006q0%202.471%201.399%204.488T9.142%2019.4q.235.09.344.286t.004.372q-.123.202-.352.266t-.451-.02Q6.112%2019.3%204.566%2017.029t-1.547-5.042q0-.785.136-1.554q.136-.77.42-1.51L1.827%209.931q-.177.11-.375.055t-.302-.232t-.049-.378t.232-.305l2.775-1.596q.292-.161.618-.078q.326.084.488.376l1.595%202.75q.104.177.05.378q-.055.201-.232.305t-.378.049t-.305-.232L4.691%208.875q-.333.739-.493%201.53q-.16.793-.16%201.6M12%204.02q-1.352%200-2.611.455t-2.314%201.3q-.183.142-.403.128t-.324-.191q-.129-.208-.061-.438t.255-.378q1.183-.919%202.565-1.398t2.874-.479q1.956%200%203.7.786q1.746.786%203.036%202.262V3.981q0-.214.144-.357t.356-.143t.357.143t.143.357v3.192q0%20.348-.23.578t-.577.23h-3.193q-.213%200-.356-.143t-.144-.357t.144-.357t.356-.143h2.475q-1.13-1.425-2.755-2.193T12%204.018m5.973%2013.256q1.22-1.388%201.69-3.136q.471-1.748.125-3.545q-.038-.232.086-.423t.338-.19q.251%200%20.414.19t.201.443q.327%201.894-.176%203.743t-1.747%203.341q-.995%201.204-2.332%201.994q-1.338.79-2.874%201.087l1.73.996q.178.104.23.305q.052.2-.052.378q-.104.177-.302.229t-.375-.052l-2.762-1.616q-.292-.161-.376-.487q-.083-.326.078-.618l1.597-2.737q.103-.177.301-.229q.199-.052.375.052q.177.104.232.305t-.049.378l-1.31%202.228q1.445-.2%202.726-.868t2.232-1.768%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%22M4.039%2012.006q0%202.471%201.399%204.488T9.142%2019.4q.235.09.344.286t.004.372q-.123.202-.352.266t-.451-.02Q6.112%2019.3%204.566%2017.029t-1.547-5.042q0-.785.136-1.554q.136-.77.42-1.51L1.827%209.931q-.177.11-.375.055t-.302-.232t-.049-.378t.232-.305l2.775-1.596q.292-.161.618-.078q.326.084.488.376l1.595%202.75q.104.177.05.378q-.055.201-.232.305t-.378.049t-.305-.232L4.691%208.875q-.333.739-.493%201.53q-.16.793-.16%201.6M12%204.02q-1.352%200-2.611.455t-2.314%201.3q-.183.142-.403.128t-.324-.191q-.129-.208-.061-.438t.255-.378q1.183-.919%202.565-1.398t2.874-.479q1.956%200%203.7.786q1.746.786%203.036%202.262V3.981q0-.214.144-.357t.356-.143t.357.143t.143.357v3.192q0%20.348-.23.578t-.577.23h-3.193q-.213%200-.356-.143t-.144-.357t.144-.357t.356-.143h2.475q-1.13-1.425-2.755-2.193T12%204.018m5.973%2013.256q1.22-1.388%201.69-3.136q.471-1.748.125-3.545q-.038-.232.086-.423t.338-.19q.251%200%20.414.19t.201.443q.327%201.894-.176%203.743t-1.747%203.341q-.995%201.204-2.332%201.994q-1.338.79-2.874%201.087l1.73.996q.178.104.23.305q.052.2-.052.378q-.104.177-.302.229t-.375-.052l-2.762-1.616q-.292-.161-.376-.487q-.083-.326.078-.618l1.597-2.737q.103-.177.301-.229q.199-.052.375.052q.177.104.232.305t-.049.378l-1.31%202.228q1.445-.2%202.726-.868t2.232-1.768%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/cycle-rounded.svg?color=%231a73e8&size=48
