rotate left 02 icon
rotate-left-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- rotate-left-02
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
rotate-01rotate-02rotate-360rotate-bottom-leftrotate-bottom-rightrotate-ccwrotate-ccw-keyrotate-ccw-squarerotate-clockwiserotate-croprotate-cwrotate-cw-squarerotate-left-01rotate-left-03rotate-left-04rotate-left-05rotate-left-06rotate-right-01rotate-right-02rotate-right-03rotate-right-04rotate-right-05rotate-right-06rotate-square
Use the rotate left 02 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m13.64 8.727l.496 2.623l-8.115-4.629a1.693 1.693 0 0 0-2.297.608a1.65 1.65 0 0 0 .615 2.27l4.37 2.493l-1.038 2.683c-.686 1.724-1.03 2.585-1.017 3.337c.02 1.242.47 2.39 1.696 3.09c.855.487 1.55.605 3.386.976c1.165.236 1.748.354 2.288.312a3.87 3.87 0 0 0 2.368-1.053c.39-.371.687-.88 1.282-1.898l.504-.862c.79-1.353 1.186-2.03 1.287-2.775q.027-.2.032-.403c.02-.752-.262-1.482-.826-2.941l-1.827-4.724a1.674 1.674 0 0 0-1.813-1.044a1.654 1.654 0 0 0-1.392 1.937M8.863 4.465c.397.395 2.123.281 2.76.202m-2.76-.202c-.397-.396-.408-2.328-.329-2.963m.329 2.963c1.02-1.769 5.08-4.59 9.109-1.769c1.947 1.363 2.221 2.222 2.53 2.798"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsRotateLeft02(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m13.64 8.727l.496 2.623l-8.115-4.629a1.693 1.693 0 0 0-2.297.608a1.65 1.65 0 0 0 .615 2.27l4.37 2.493l-1.038 2.683c-.686 1.724-1.03 2.585-1.017 3.337c.02 1.242.47 2.39 1.696 3.09c.855.487 1.55.605 3.386.976c1.165.236 1.748.354 2.288.312a3.87 3.87 0 0 0 2.368-1.053c.39-.371.687-.88 1.282-1.898l.504-.862c.79-1.353 1.186-2.03 1.287-2.775q.027-.2.032-.403c.02-.752-.262-1.482-.826-2.941l-1.827-4.724a1.674 1.674 0 0 0-1.813-1.044a1.654 1.654 0 0 0-1.392 1.937M8.863 4.465c.397.395 2.123.281 2.76.202m-2.76-.202c-.397-.396-.408-2.328-.329-2.963m.329 2.963c1.02-1.769 5.08-4.59 9.109-1.769c1.947 1.363 2.221 2.222 2.53 2.798"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m13.64 8.727l.496 2.623l-8.115-4.629a1.693 1.693 0 0 0-2.297.608a1.65 1.65 0 0 0 .615 2.27l4.37 2.493l-1.038 2.683c-.686 1.724-1.03 2.585-1.017 3.337c.02 1.242.47 2.39 1.696 3.09c.855.487 1.55.605 3.386.976c1.165.236 1.748.354 2.288.312a3.87 3.87 0 0 0 2.368-1.053c.39-.371.687-.88 1.282-1.898l.504-.862c.79-1.353 1.186-2.03 1.287-2.775q.027-.2.032-.403c.02-.752-.262-1.482-.826-2.941l-1.827-4.724a1.674 1.674 0 0 0-1.813-1.044a1.654 1.654 0 0 0-1.392 1.937M8.863 4.465c.397.395 2.123.281 2.76.202m-2.76-.202c-.397-.396-.408-2.328-.329-2.963m.329 2.963c1.02-1.769 5.08-4.59 9.109-1.769c1.947 1.363 2.221 2.222 2.53 2.798"/></svg> </template>
CSS
.icon-rotate-left-02 {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m13.64%208.727l.496%202.623l-8.115-4.629a1.693%201.693%200%200%200-2.297.608a1.65%201.65%200%200%200%20.615%202.27l4.37%202.493l-1.038%202.683c-.686%201.724-1.03%202.585-1.017%203.337c.02%201.242.47%202.39%201.696%203.09c.855.487%201.55.605%203.386.976c1.165.236%201.748.354%202.288.312a3.87%203.87%200%200%200%202.368-1.053c.39-.371.687-.88%201.282-1.898l.504-.862c.79-1.353%201.186-2.03%201.287-2.775q.027-.2.032-.403c.02-.752-.262-1.482-.826-2.941l-1.827-4.724a1.674%201.674%200%200%200-1.813-1.044a1.654%201.654%200%200%200-1.392%201.937M8.863%204.465c.397.395%202.123.281%202.76.202m-2.76-.202c-.397-.396-.408-2.328-.329-2.963m.329%202.963c1.02-1.769%205.08-4.59%209.109-1.769c1.947%201.363%202.221%202.222%202.53%202.798%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m13.64%208.727l.496%202.623l-8.115-4.629a1.693%201.693%200%200%200-2.297.608a1.65%201.65%200%200%200%20.615%202.27l4.37%202.493l-1.038%202.683c-.686%201.724-1.03%202.585-1.017%203.337c.02%201.242.47%202.39%201.696%203.09c.855.487%201.55.605%203.386.976c1.165.236%201.748.354%202.288.312a3.87%203.87%200%200%200%202.368-1.053c.39-.371.687-.88%201.282-1.898l.504-.862c.79-1.353%201.186-2.03%201.287-2.775q.027-.2.032-.403c.02-.752-.262-1.482-.826-2.941l-1.827-4.724a1.674%201.674%200%200%200-1.813-1.044a1.654%201.654%200%200%200-1.392%201.937M8.863%204.465c.397.395%202.123.281%202.76.202m-2.76-.202c-.397-.396-.408-2.328-.329-2.963m.329%202.963c1.02-1.769%205.08-4.59%209.109-1.769c1.947%201.363%202.221%202.222%202.53%202.798%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/rotate-left-02.svg?color=%231a73e8&size=48
