rotate left icon
rotate-left-rounded from Material Symbols Light by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- rotate-left-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- rotate-left-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More images icons from Material Symbols Light
Use the rotate left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.596 12.05q-.255 0-.405-.173q-.149-.173-.081-.423q.15-.798.448-1.498t.719-1.327q.134-.194.372-.215q.237-.022.42.155q.129.129.14.294t-.086.304q-.385.58-.64 1.205q-.254.626-.399 1.294q-.036.17-.18.277t-.308.107m6.354 8.335q0 .28-.183.427q-.182.146-.432.079q-.754-.175-1.464-.47q-.71-.296-1.342-.717q-.195-.135-.216-.363t.156-.41q.129-.129.293-.14q.165-.012.305.086q.58.385 1.205.63t1.274.37q.171.037.288.19q.116.152.116.318M6.07 17.53q-.184.177-.421.156q-.238-.021-.372-.216q-.44-.652-.726-1.361q-.286-.71-.441-1.464q-.068-.25.079-.423q.146-.173.407-.173q.171 0 .312.107t.176.278q.145.667.4 1.293t.639 1.205q.098.14.077.317t-.13.28m7.47 3.355q-.25.067-.42-.08t-.17-.401q0-.171.107-.312t.278-.176q2.453-.524 4.034-2.444t1.581-4.422q0-2.925-2.037-4.962T11.95 6.05h-.777l1.746 1.746q.16.16.16.354t-.16.354t-.353.16q-.195 0-.354-.16L9.823 6.116q-.13-.131-.183-.268q-.053-.136-.053-.298t.053-.298q.052-.136.183-.267l2.383-2.389q.165-.16.36-.16t.353.16q.166.165.166.36t-.16.353l-1.74 1.741h.765q3.327 0 5.664 2.337t2.336 5.663q0 2.889-1.813 5.077t-4.596 2.758"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightRotateLeftRounded(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.596 12.05q-.255 0-.405-.173q-.149-.173-.081-.423q.15-.798.448-1.498t.719-1.327q.134-.194.372-.215q.237-.022.42.155q.129.129.14.294t-.086.304q-.385.58-.64 1.205q-.254.626-.399 1.294q-.036.17-.18.277t-.308.107m6.354 8.335q0 .28-.183.427q-.182.146-.432.079q-.754-.175-1.464-.47q-.71-.296-1.342-.717q-.195-.135-.216-.363t.156-.41q.129-.129.293-.14q.165-.012.305.086q.58.385 1.205.63t1.274.37q.171.037.288.19q.116.152.116.318M6.07 17.53q-.184.177-.421.156q-.238-.021-.372-.216q-.44-.652-.726-1.361q-.286-.71-.441-1.464q-.068-.25.079-.423q.146-.173.407-.173q.171 0 .312.107t.176.278q.145.667.4 1.293t.639 1.205q.098.14.077.317t-.13.28m7.47 3.355q-.25.067-.42-.08t-.17-.401q0-.171.107-.312t.278-.176q2.453-.524 4.034-2.444t1.581-4.422q0-2.925-2.037-4.962T11.95 6.05h-.777l1.746 1.746q.16.16.16.354t-.16.354t-.353.16q-.195 0-.354-.16L9.823 6.116q-.13-.131-.183-.268q-.053-.136-.053-.298t.053-.298q.052-.136.183-.267l2.383-2.389q.165-.16.36-.16t.353.16q.166.165.166.36t-.16.353l-1.74 1.741h.765q3.327 0 5.664 2.337t2.336 5.663q0 2.889-1.813 5.077t-4.596 2.758"/></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.596 12.05q-.255 0-.405-.173q-.149-.173-.081-.423q.15-.798.448-1.498t.719-1.327q.134-.194.372-.215q.237-.022.42.155q.129.129.14.294t-.086.304q-.385.58-.64 1.205q-.254.626-.399 1.294q-.036.17-.18.277t-.308.107m6.354 8.335q0 .28-.183.427q-.182.146-.432.079q-.754-.175-1.464-.47q-.71-.296-1.342-.717q-.195-.135-.216-.363t.156-.41q.129-.129.293-.14q.165-.012.305.086q.58.385 1.205.63t1.274.37q.171.037.288.19q.116.152.116.318M6.07 17.53q-.184.177-.421.156q-.238-.021-.372-.216q-.44-.652-.726-1.361q-.286-.71-.441-1.464q-.068-.25.079-.423q.146-.173.407-.173q.171 0 .312.107t.176.278q.145.667.4 1.293t.639 1.205q.098.14.077.317t-.13.28m7.47 3.355q-.25.067-.42-.08t-.17-.401q0-.171.107-.312t.278-.176q2.453-.524 4.034-2.444t1.581-4.422q0-2.925-2.037-4.962T11.95 6.05h-.777l1.746 1.746q.16.16.16.354t-.16.354t-.353.16q-.195 0-.354-.16L9.823 6.116q-.13-.131-.183-.268q-.053-.136-.053-.298t.053-.298q.052-.136.183-.267l2.383-2.389q.165-.16.36-.16t.353.16q.166.165.166.36t-.16.353l-1.74 1.741h.765q3.327 0 5.664 2.337t2.336 5.663q0 2.889-1.813 5.077t-4.596 2.758"/></svg> </template>
CSS
.icon-rotate-left-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.596%2012.05q-.255%200-.405-.173q-.149-.173-.081-.423q.15-.798.448-1.498t.719-1.327q.134-.194.372-.215q.237-.022.42.155q.129.129.14.294t-.086.304q-.385.58-.64%201.205q-.254.626-.399%201.294q-.036.17-.18.277t-.308.107m6.354%208.335q0%20.28-.183.427q-.182.146-.432.079q-.754-.175-1.464-.47q-.71-.296-1.342-.717q-.195-.135-.216-.363t.156-.41q.129-.129.293-.14q.165-.012.305.086q.58.385%201.205.63t1.274.37q.171.037.288.19q.116.152.116.318M6.07%2017.53q-.184.177-.421.156q-.238-.021-.372-.216q-.44-.652-.726-1.361q-.286-.71-.441-1.464q-.068-.25.079-.423q.146-.173.407-.173q.171%200%20.312.107t.176.278q.145.667.4%201.293t.639%201.205q.098.14.077.317t-.13.28m7.47%203.355q-.25.067-.42-.08t-.17-.401q0-.171.107-.312t.278-.176q2.453-.524%204.034-2.444t1.581-4.422q0-2.925-2.037-4.962T11.95%206.05h-.777l1.746%201.746q.16.16.16.354t-.16.354t-.353.16q-.195%200-.354-.16L9.823%206.116q-.13-.131-.183-.268q-.053-.136-.053-.298t.053-.298q.052-.136.183-.267l2.383-2.389q.165-.16.36-.16t.353.16q.166.165.166.36t-.16.353l-1.74%201.741h.765q3.327%200%205.664%202.337t2.336%205.663q0%202.889-1.813%205.077t-4.596%202.758%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.596%2012.05q-.255%200-.405-.173q-.149-.173-.081-.423q.15-.798.448-1.498t.719-1.327q.134-.194.372-.215q.237-.022.42.155q.129.129.14.294t-.086.304q-.385.58-.64%201.205q-.254.626-.399%201.294q-.036.17-.18.277t-.308.107m6.354%208.335q0%20.28-.183.427q-.182.146-.432.079q-.754-.175-1.464-.47q-.71-.296-1.342-.717q-.195-.135-.216-.363t.156-.41q.129-.129.293-.14q.165-.012.305.086q.58.385%201.205.63t1.274.37q.171.037.288.19q.116.152.116.318M6.07%2017.53q-.184.177-.421.156q-.238-.021-.372-.216q-.44-.652-.726-1.361q-.286-.71-.441-1.464q-.068-.25.079-.423q.146-.173.407-.173q.171%200%20.312.107t.176.278q.145.667.4%201.293t.639%201.205q.098.14.077.317t-.13.28m7.47%203.355q-.25.067-.42-.08t-.17-.401q0-.171.107-.312t.278-.176q2.453-.524%204.034-2.444t1.581-4.422q0-2.925-2.037-4.962T11.95%206.05h-.777l1.746%201.746q.16.16.16.354t-.16.354t-.353.16q-.195%200-.354-.16L9.823%206.116q-.13-.131-.183-.268q-.053-.136-.053-.298t.053-.298q.052-.136.183-.267l2.383-2.389q.165-.16.36-.16t.353.16q.166.165.166.36t-.16.353l-1.74%201.741h.765q3.327%200%205.664%202.337t2.336%205.663q0%202.889-1.813%205.077t-4.596%202.758%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/rotate-left-rounded.svg?color=%231a73e8&size=48
