rotate left icon
rotate-left-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- rotate-left-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- rotate-left-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
More images icons from Material Symbols
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.25 12.05q-.525 0-.837-.375t-.188-.875q.15-.625.4-1.2T4.2 8.475q.25-.425.738-.475t.862.3q.225.225.275.563t-.125.612q-.25.425-.437.888T5.2 11.3q-.075.325-.363.538t-.587.212m6.7 8.7q0 .55-.375.85t-.875.175q-.6-.175-1.175-.412t-1.15-.563q-.425-.25-.475-.737t.3-.863q.225-.225.563-.275t.612.125q.425.25.888.438t.937.312q.325.075.538.363t.212.587M5.8 17.8q-.375.35-.862.3t-.738-.475q-.325-.575-.562-1.15T3.225 15.3q-.125-.5.175-.875t.85-.375q.325 0 .6.213t.35.537q.125.475.312.938t.438.887q.175.275.125.625t-.275.55m8.375 3.95q-.5.125-.862-.175t-.363-.825q0-.325.213-.6t.537-.35q2.3-.6 3.775-2.463t1.475-4.287q0-2.925-2.037-4.962T11.95 6.05h-.2l.9.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.6-2.6q-.15-.15-.213-.325t-.062-.375t.063-.375t.212-.325l2.575-2.6q.3-.275.725-.275t.7.275q.3.3.3.725t-.275.7l-.875.875h.15q3.75 0 6.375 2.625t2.625 6.375q0 3.1-1.9 5.5t-4.875 3.2"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsRotateLeftRounded(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.25 12.05q-.525 0-.837-.375t-.188-.875q.15-.625.4-1.2T4.2 8.475q.25-.425.738-.475t.862.3q.225.225.275.563t-.125.612q-.25.425-.437.888T5.2 11.3q-.075.325-.363.538t-.587.212m6.7 8.7q0 .55-.375.85t-.875.175q-.6-.175-1.175-.412t-1.15-.563q-.425-.25-.475-.737t.3-.863q.225-.225.563-.275t.612.125q.425.25.888.438t.937.312q.325.075.538.363t.212.587M5.8 17.8q-.375.35-.862.3t-.738-.475q-.325-.575-.562-1.15T3.225 15.3q-.125-.5.175-.875t.85-.375q.325 0 .6.213t.35.537q.125.475.312.938t.438.887q.175.275.125.625t-.275.55m8.375 3.95q-.5.125-.862-.175t-.363-.825q0-.325.213-.6t.537-.35q2.3-.6 3.775-2.463t1.475-4.287q0-2.925-2.037-4.962T11.95 6.05h-.2l.9.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.6-2.6q-.15-.15-.213-.325t-.062-.375t.063-.375t.212-.325l2.575-2.6q.3-.275.725-.275t.7.275q.3.3.3.725t-.275.7l-.875.875h.15q3.75 0 6.375 2.625t2.625 6.375q0 3.1-1.9 5.5t-4.875 3.2"/></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.25 12.05q-.525 0-.837-.375t-.188-.875q.15-.625.4-1.2T4.2 8.475q.25-.425.738-.475t.862.3q.225.225.275.563t-.125.612q-.25.425-.437.888T5.2 11.3q-.075.325-.363.538t-.587.212m6.7 8.7q0 .55-.375.85t-.875.175q-.6-.175-1.175-.412t-1.15-.563q-.425-.25-.475-.737t.3-.863q.225-.225.563-.275t.612.125q.425.25.888.438t.937.312q.325.075.538.363t.212.587M5.8 17.8q-.375.35-.862.3t-.738-.475q-.325-.575-.562-1.15T3.225 15.3q-.125-.5.175-.875t.85-.375q.325 0 .6.213t.35.537q.125.475.312.938t.438.887q.175.275.125.625t-.275.55m8.375 3.95q-.5.125-.862-.175t-.363-.825q0-.325.213-.6t.537-.35q2.3-.6 3.775-2.463t1.475-4.287q0-2.925-2.037-4.962T11.95 6.05h-.2l.9.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.6-2.6q-.15-.15-.213-.325t-.062-.375t.063-.375t.212-.325l2.575-2.6q.3-.275.725-.275t.7.275q.3.3.3.725t-.275.7l-.875.875h.15q3.75 0 6.375 2.625t2.625 6.375q0 3.1-1.9 5.5t-4.875 3.2"/></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.25%2012.05q-.525%200-.837-.375t-.188-.875q.15-.625.4-1.2T4.2%208.475q.25-.425.738-.475t.862.3q.225.225.275.563t-.125.612q-.25.425-.437.888T5.2%2011.3q-.075.325-.363.538t-.587.212m6.7%208.7q0%20.55-.375.85t-.875.175q-.6-.175-1.175-.412t-1.15-.563q-.425-.25-.475-.737t.3-.863q.225-.225.563-.275t.612.125q.425.25.888.438t.937.312q.325.075.538.363t.212.587M5.8%2017.8q-.375.35-.862.3t-.738-.475q-.325-.575-.562-1.15T3.225%2015.3q-.125-.5.175-.875t.85-.375q.325%200%20.6.213t.35.537q.125.475.312.938t.438.887q.175.275.125.625t-.275.55m8.375%203.95q-.5.125-.862-.175t-.363-.825q0-.325.213-.6t.537-.35q2.3-.6%203.775-2.463t1.475-4.287q0-2.925-2.037-4.962T11.95%206.05h-.2l.9.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.6-2.6q-.15-.15-.213-.325t-.062-.375t.063-.375t.212-.325l2.575-2.6q.3-.275.725-.275t.7.275q.3.3.3.725t-.275.7l-.875.875h.15q3.75%200%206.375%202.625t2.625%206.375q0%203.1-1.9%205.5t-4.875%203.2%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.25%2012.05q-.525%200-.837-.375t-.188-.875q.15-.625.4-1.2T4.2%208.475q.25-.425.738-.475t.862.3q.225.225.275.563t-.125.612q-.25.425-.437.888T5.2%2011.3q-.075.325-.363.538t-.587.212m6.7%208.7q0%20.55-.375.85t-.875.175q-.6-.175-1.175-.412t-1.15-.563q-.425-.25-.475-.737t.3-.863q.225-.225.563-.275t.612.125q.425.25.888.438t.937.312q.325.075.538.363t.212.587M5.8%2017.8q-.375.35-.862.3t-.738-.475q-.325-.575-.562-1.15T3.225%2015.3q-.125-.5.175-.875t.85-.375q.325%200%20.6.213t.35.537q.125.475.312.938t.438.887q.175.275.125.625t-.275.55m8.375%203.95q-.5.125-.862-.175t-.363-.825q0-.325.213-.6t.537-.35q2.3-.6%203.775-2.463t1.475-4.287q0-2.925-2.037-4.962T11.95%206.05h-.2l.9.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.6-2.6q-.15-.15-.213-.325t-.062-.375t.063-.375t.212-.325l2.575-2.6q.3-.275.725-.275t.7.275q.3.3.3.725t-.275.7l-.875.875h.15q3.75%200%206.375%202.625t2.625%206.375q0%203.1-1.9%205.5t-4.875%203.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/rotate-left-rounded.svg?color=%231a73e8&size=48
