rotate left 03 icon

rotate-left-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
rotate-left-03
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

Use the rotate left 03 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="m7.624 10.459l-.444.765c-.49.845-.2 1.925.65 2.413m0 0l.769.442m-.77-.442a.89.89 0 0 0-1.212.324c-.49.845-.2 1.925.65 2.413m0 0l.769.442m-.769-.442a.753.753 0 0 0-1.08.386l-.108.287a1.76 1.76 0 0 0 .775 2.15l1.132.65c1.671.96 2.507 1.44 3.319 1.57c.47.074 1.188-.031 1.723-.137a1.96 1.96 0 0 1 1.358.204l.895.514M9.16 11.342L4.165 8.471a1.32 1.32 0 0 1-.487-1.81a1.335 1.335 0 0 1 1.819-.485l7.66 4.4l-.53-1.957a1.487 1.487 0 0 1 1.22-1.86a1.51 1.51 0 0 1 1.608.892l1.938 4.785c.37.915 1.247 1.8 2.106 2.294M8.863 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 HugeiconsRotateLeft03(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="m7.624 10.459l-.444.765c-.49.845-.2 1.925.65 2.413m0 0l.769.442m-.77-.442a.89.89 0 0 0-1.212.324c-.49.845-.2 1.925.65 2.413m0 0l.769.442m-.769-.442a.753.753 0 0 0-1.08.386l-.108.287a1.76 1.76 0 0 0 .775 2.15l1.132.65c1.671.96 2.507 1.44 3.319 1.57c.47.074 1.188-.031 1.723-.137a1.96 1.96 0 0 1 1.358.204l.895.514M9.16 11.342L4.165 8.471a1.32 1.32 0 0 1-.487-1.81a1.335 1.335 0 0 1 1.819-.485l7.66 4.4l-.53-1.957a1.487 1.487 0 0 1 1.22-1.86a1.51 1.51 0 0 1 1.608.892l1.938 4.785c.37.915 1.247 1.8 2.106 2.294M8.863 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="m7.624 10.459l-.444.765c-.49.845-.2 1.925.65 2.413m0 0l.769.442m-.77-.442a.89.89 0 0 0-1.212.324c-.49.845-.2 1.925.65 2.413m0 0l.769.442m-.769-.442a.753.753 0 0 0-1.08.386l-.108.287a1.76 1.76 0 0 0 .775 2.15l1.132.65c1.671.96 2.507 1.44 3.319 1.57c.47.074 1.188-.031 1.723-.137a1.96 1.96 0 0 1 1.358.204l.895.514M9.16 11.342L4.165 8.471a1.32 1.32 0 0 1-.487-1.81a1.335 1.335 0 0 1 1.819-.485l7.66 4.4l-.53-1.957a1.487 1.487 0 0 1 1.22-1.86a1.51 1.51 0 0 1 1.608.892l1.938 4.785c.37.915 1.247 1.8 2.106 2.294M8.863 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-03 {
  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%22m7.624%2010.459l-.444.765c-.49.845-.2%201.925.65%202.413m0%200l.769.442m-.77-.442a.89.89%200%200%200-1.212.324c-.49.845-.2%201.925.65%202.413m0%200l.769.442m-.769-.442a.753.753%200%200%200-1.08.386l-.108.287a1.76%201.76%200%200%200%20.775%202.15l1.132.65c1.671.96%202.507%201.44%203.319%201.57c.47.074%201.188-.031%201.723-.137a1.96%201.96%200%200%201%201.358.204l.895.514M9.16%2011.342L4.165%208.471a1.32%201.32%200%200%201-.487-1.81a1.335%201.335%200%200%201%201.819-.485l7.66%204.4l-.53-1.957a1.487%201.487%200%200%201%201.22-1.86a1.51%201.51%200%200%201%201.608.892l1.938%204.785c.37.915%201.247%201.8%202.106%202.294M8.863%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%22m7.624%2010.459l-.444.765c-.49.845-.2%201.925.65%202.413m0%200l.769.442m-.77-.442a.89.89%200%200%200-1.212.324c-.49.845-.2%201.925.65%202.413m0%200l.769.442m-.769-.442a.753.753%200%200%200-1.08.386l-.108.287a1.76%201.76%200%200%200%20.775%202.15l1.132.65c1.671.96%202.507%201.44%203.319%201.57c.47.074%201.188-.031%201.723-.137a1.96%201.96%200%200%201%201.358.204l.895.514M9.16%2011.342L4.165%208.471a1.32%201.32%200%200%201-.487-1.81a1.335%201.335%200%200%201%201.819-.485l7.66%204.4l-.53-1.957a1.487%201.487%200%200%201%201.22-1.86a1.51%201.51%200%200%201%201.608.892l1.938%204.785c.37.915%201.247%201.8%202.106%202.294M8.863%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-03.svg?color=%231a73e8&size=48