rotate left icon

rotate-left from Material Symbols Light by Google · Regular · Images · Apache-2.0 Free for personal and commercial use.

Name: rotate-left
Set: Material Symbols Light
Style: Regular
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: rotate-left-outline, rotate-left-outline-sharp, rotate-left-sharp

1 other variant in Material Symbols Light

The same icon in other sets

rotate-left-outlinedAnt Design Icons rotate-leftBoxIcons v2 rotate-leftFramework7 Icons rotate-leftFont Awesome 6 Solid rotate-leftFont Awesome Solid rotate-left-20-filledFluent UI System Icons rotate-leftMaterial Symbols rotate-leftMaterial Design Icons

More images icons from Material Symbols Light

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

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="M11 21q-1.077-.163-2.064-.574t-1.844-1.057l.708-.719q.725.525 1.538.85t1.662.45zm2 0v-1.012q2.6-.413 4.3-2.375T19 13.05q0-2.925-2.037-4.962T12 6.05h-.777l2.1 2.1l-.707.708L9.308 5.55l3.308-3.308l.707.72l-2.088 2.088H12q1.664 0 3.118.626T17.66 7.39t1.714 2.542T20 13.05q0 3.04-1.996 5.299T13 21m-7.32-3.042q-.664-.877-1.085-1.864T4.05 14.05h1.012q.144.87.478 1.672q.335.803.86 1.528zM4.05 12.05q.15-1.121.567-2.113t1.064-1.795l.719.708q-.525.725-.86 1.528t-.479 1.672z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRotateLeft(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="M11 21q-1.077-.163-2.064-.574t-1.844-1.057l.708-.719q.725.525 1.538.85t1.662.45zm2 0v-1.012q2.6-.413 4.3-2.375T19 13.05q0-2.925-2.037-4.962T12 6.05h-.777l2.1 2.1l-.707.708L9.308 5.55l3.308-3.308l.707.72l-2.088 2.088H12q1.664 0 3.118.626T17.66 7.39t1.714 2.542T20 13.05q0 3.04-1.996 5.299T13 21m-7.32-3.042q-.664-.877-1.085-1.864T4.05 14.05h1.012q.144.87.478 1.672q.335.803.86 1.528zM4.05 12.05q.15-1.121.567-2.113t1.064-1.795l.719.708q-.525.725-.86 1.528t-.479 1.672z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21q-1.077-.163-2.064-.574t-1.844-1.057l.708-.719q.725.525 1.538.85t1.662.45zm2 0v-1.012q2.6-.413 4.3-2.375T19 13.05q0-2.925-2.037-4.962T12 6.05h-.777l2.1 2.1l-.707.708L9.308 5.55l3.308-3.308l.707.72l-2.088 2.088H12q1.664 0 3.118.626T17.66 7.39t1.714 2.542T20 13.05q0 3.04-1.996 5.299T13 21m-7.32-3.042q-.664-.877-1.085-1.864T4.05 14.05h1.012q.144.87.478 1.672q.335.803.86 1.528zM4.05 12.05q.15-1.121.567-2.113t1.064-1.795l.719.708q-.525.725-.86 1.528t-.479 1.672z"/></svg>
</template>

CSS

.icon-rotate-left {
  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%22M11%2021q-1.077-.163-2.064-.574t-1.844-1.057l.708-.719q.725.525%201.538.85t1.662.45zm2%200v-1.012q2.6-.413%204.3-2.375T19%2013.05q0-2.925-2.037-4.962T12%206.05h-.777l2.1%202.1l-.707.708L9.308%205.55l3.308-3.308l.707.72l-2.088%202.088H12q1.664%200%203.118.626T17.66%207.39t1.714%202.542T20%2013.05q0%203.04-1.996%205.299T13%2021m-7.32-3.042q-.664-.877-1.085-1.864T4.05%2014.05h1.012q.144.87.478%201.672q.335.803.86%201.528zM4.05%2012.05q.15-1.121.567-2.113t1.064-1.795l.719.708q-.525.725-.86%201.528t-.479%201.672z%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%22M11%2021q-1.077-.163-2.064-.574t-1.844-1.057l.708-.719q.725.525%201.538.85t1.662.45zm2%200v-1.012q2.6-.413%204.3-2.375T19%2013.05q0-2.925-2.037-4.962T12%206.05h-.777l2.1%202.1l-.707.708L9.308%205.55l3.308-3.308l.707.72l-2.088%202.088H12q1.664%200%203.118.626T17.66%207.39t1.714%202.542T20%2013.05q0%203.04-1.996%205.299T13%2021m-7.32-3.042q-.664-.877-1.085-1.864T4.05%2014.05h1.012q.144.87.478%201.672q.335.803.86%201.528zM4.05%2012.05q.15-1.121.567-2.113t1.064-1.795l.719.708q-.525.725-.86%201.528t-.479%201.672z%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.svg?color=%231a73e8&size=48