rotate left 04 icon
rotate-left-04 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- rotate-left-04
- 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-02rotate-left-03rotate-left-05rotate-left-06rotate-right-01rotate-right-02rotate-right-03rotate-right-04rotate-right-05rotate-right-06rotate-square
Use the rotate left 04 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="m8.706 16.967l-3.385-1.923l-1.504-.855a1.286 1.286 0 0 1-.463-1.776a1.33 1.33 0 0 1 1.793-.494m4.138 2.351l-4.138-2.35l-1.504-.855a1.286 1.286 0 0 1-.463-1.776a1.33 1.33 0 0 1 1.793-.494l1.128.641l3.762 2.137m-4.542 3.47a1.33 1.33 0 0 0-1.793.495a1.286 1.286 0 0 0 .463 1.776l4.639 2.635c1.635.93 2.452 1.394 3.25 1.513c.462.07 1.169-.04 1.696-.15a1.92 1.92 0 0 1 1.333.188l.876.498M6.101 9.436a1.286 1.286 0 0 1-.462-1.775a1.33 1.33 0 0 1 1.793-.494l6.365 3.616l-.504-1.92a1.494 1.494 0 0 1 1.218-1.84a1.45 1.45 0 0 1 1.573.862l1.863 4.688c.357.897 1.21 1.76 2.051 2.238M9.363 4.965c.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 HugeiconsRotateLeft04(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="m8.706 16.967l-3.385-1.923l-1.504-.855a1.286 1.286 0 0 1-.463-1.776a1.33 1.33 0 0 1 1.793-.494m4.138 2.351l-4.138-2.35l-1.504-.855a1.286 1.286 0 0 1-.463-1.776a1.33 1.33 0 0 1 1.793-.494l1.128.641l3.762 2.137m-4.542 3.47a1.33 1.33 0 0 0-1.793.495a1.286 1.286 0 0 0 .463 1.776l4.639 2.635c1.635.93 2.452 1.394 3.25 1.513c.462.07 1.169-.04 1.696-.15a1.92 1.92 0 0 1 1.333.188l.876.498M6.101 9.436a1.286 1.286 0 0 1-.462-1.775a1.33 1.33 0 0 1 1.793-.494l6.365 3.616l-.504-1.92a1.494 1.494 0 0 1 1.218-1.84a1.45 1.45 0 0 1 1.573.862l1.863 4.688c.357.897 1.21 1.76 2.051 2.238M9.363 4.965c.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="m8.706 16.967l-3.385-1.923l-1.504-.855a1.286 1.286 0 0 1-.463-1.776a1.33 1.33 0 0 1 1.793-.494m4.138 2.351l-4.138-2.35l-1.504-.855a1.286 1.286 0 0 1-.463-1.776a1.33 1.33 0 0 1 1.793-.494l1.128.641l3.762 2.137m-4.542 3.47a1.33 1.33 0 0 0-1.793.495a1.286 1.286 0 0 0 .463 1.776l4.639 2.635c1.635.93 2.452 1.394 3.25 1.513c.462.07 1.169-.04 1.696-.15a1.92 1.92 0 0 1 1.333.188l.876.498M6.101 9.436a1.286 1.286 0 0 1-.462-1.775a1.33 1.33 0 0 1 1.793-.494l6.365 3.616l-.504-1.92a1.494 1.494 0 0 1 1.218-1.84a1.45 1.45 0 0 1 1.573.862l1.863 4.688c.357.897 1.21 1.76 2.051 2.238M9.363 4.965c.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-04 {
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%22m8.706%2016.967l-3.385-1.923l-1.504-.855a1.286%201.286%200%200%201-.463-1.776a1.33%201.33%200%200%201%201.793-.494m4.138%202.351l-4.138-2.35l-1.504-.855a1.286%201.286%200%200%201-.463-1.776a1.33%201.33%200%200%201%201.793-.494l1.128.641l3.762%202.137m-4.542%203.47a1.33%201.33%200%200%200-1.793.495a1.286%201.286%200%200%200%20.463%201.776l4.639%202.635c1.635.93%202.452%201.394%203.25%201.513c.462.07%201.169-.04%201.696-.15a1.92%201.92%200%200%201%201.333.188l.876.498M6.101%209.436a1.286%201.286%200%200%201-.462-1.775a1.33%201.33%200%200%201%201.793-.494l6.365%203.616l-.504-1.92a1.494%201.494%200%200%201%201.218-1.84a1.45%201.45%200%200%201%201.573.862l1.863%204.688c.357.897%201.21%201.76%202.051%202.238M9.363%204.965c.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%22m8.706%2016.967l-3.385-1.923l-1.504-.855a1.286%201.286%200%200%201-.463-1.776a1.33%201.33%200%200%201%201.793-.494m4.138%202.351l-4.138-2.35l-1.504-.855a1.286%201.286%200%200%201-.463-1.776a1.33%201.33%200%200%201%201.793-.494l1.128.641l3.762%202.137m-4.542%203.47a1.33%201.33%200%200%200-1.793.495a1.286%201.286%200%200%200%20.463%201.776l4.639%202.635c1.635.93%202.452%201.394%203.25%201.513c.462.07%201.169-.04%201.696-.15a1.92%201.92%200%200%201%201.333.188l.876.498M6.101%209.436a1.286%201.286%200%200%201-.462-1.775a1.33%201.33%200%200%201%201.793-.494l6.365%203.616l-.504-1.92a1.494%201.494%200%200%201%201.218-1.84a1.45%201.45%200%200%201%201.573.862l1.863%204.688c.357.897%201.21%201.76%202.051%202.238M9.363%204.965c.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-04.svg?color=%231a73e8&size=48
