rotate right icon

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

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

1 other variant in Material Symbols Light

rotate-right-rounded

The same icon in other sets

rotate-right-outlinedAnt Design Icons rotate-rightBoxIcons v2 rotate-rightFramework7 Icons rotate-rightFont Awesome 6 Solid rotate-rightFont Awesome Solid rotate-right-20-filledFluent UI System Icons rotate-rightMaterial Symbols rotate-rightMaterial 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 right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.05 21v-1.05q.85-.125 1.663-.45t1.537-.85l.708.72q-.858.645-1.844 1.056T13.05 21m-2 0q-3.008-.392-5.004-2.651T4.05 13.05q0-1.664.626-3.118T6.39 7.39t2.542-1.714t3.118-.626h.766l-2.089-2.088l.708-.72l3.307 3.308l-3.308 3.308l-.707-.708l2.1-2.1h-.777q-2.925 0-4.962 2.038T5.05 13.05q0 2.6 1.7 4.563t4.3 2.376zm7.32-3.042l-.72-.708q.525-.725.86-1.528t.479-1.672H20q-.125 1.058-.545 2.044t-1.086 1.864M20 12.05h-1.012q-.144-.87-.479-1.672q-.334-.803-.859-1.528l.72-.708q.646.802 1.063 1.794T20 12.05"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRotateRight(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="M13.05 21v-1.05q.85-.125 1.663-.45t1.537-.85l.708.72q-.858.645-1.844 1.056T13.05 21m-2 0q-3.008-.392-5.004-2.651T4.05 13.05q0-1.664.626-3.118T6.39 7.39t2.542-1.714t3.118-.626h.766l-2.089-2.088l.708-.72l3.307 3.308l-3.308 3.308l-.707-.708l2.1-2.1h-.777q-2.925 0-4.962 2.038T5.05 13.05q0 2.6 1.7 4.563t4.3 2.376zm7.32-3.042l-.72-.708q.525-.725.86-1.528t.479-1.672H20q-.125 1.058-.545 2.044t-1.086 1.864M20 12.05h-1.012q-.144-.87-.479-1.672q-.334-.803-.859-1.528l.72-.708q.646.802 1.063 1.794T20 12.05"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.05 21v-1.05q.85-.125 1.663-.45t1.537-.85l.708.72q-.858.645-1.844 1.056T13.05 21m-2 0q-3.008-.392-5.004-2.651T4.05 13.05q0-1.664.626-3.118T6.39 7.39t2.542-1.714t3.118-.626h.766l-2.089-2.088l.708-.72l3.307 3.308l-3.308 3.308l-.707-.708l2.1-2.1h-.777q-2.925 0-4.962 2.038T5.05 13.05q0 2.6 1.7 4.563t4.3 2.376zm7.32-3.042l-.72-.708q.525-.725.86-1.528t.479-1.672H20q-.125 1.058-.545 2.044t-1.086 1.864M20 12.05h-1.012q-.144-.87-.479-1.672q-.334-.803-.859-1.528l.72-.708q.646.802 1.063 1.794T20 12.05"/></svg>
</template>

CSS

.icon-rotate-right {
  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%22M13.05%2021v-1.05q.85-.125%201.663-.45t1.537-.85l.708.72q-.858.645-1.844%201.056T13.05%2021m-2%200q-3.008-.392-5.004-2.651T4.05%2013.05q0-1.664.626-3.118T6.39%207.39t2.542-1.714t3.118-.626h.766l-2.089-2.088l.708-.72l3.307%203.308l-3.308%203.308l-.707-.708l2.1-2.1h-.777q-2.925%200-4.962%202.038T5.05%2013.05q0%202.6%201.7%204.563t4.3%202.376zm7.32-3.042l-.72-.708q.525-.725.86-1.528t.479-1.672H20q-.125%201.058-.545%202.044t-1.086%201.864M20%2012.05h-1.012q-.144-.87-.479-1.672q-.334-.803-.859-1.528l.72-.708q.646.802%201.063%201.794T20%2012.05%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%22M13.05%2021v-1.05q.85-.125%201.663-.45t1.537-.85l.708.72q-.858.645-1.844%201.056T13.05%2021m-2%200q-3.008-.392-5.004-2.651T4.05%2013.05q0-1.664.626-3.118T6.39%207.39t2.542-1.714t3.118-.626h.766l-2.089-2.088l.708-.72l3.307%203.308l-3.308%203.308l-.707-.708l2.1-2.1h-.777q-2.925%200-4.962%202.038T5.05%2013.05q0%202.6%201.7%204.563t4.3%202.376zm7.32-3.042l-.72-.708q.525-.725.86-1.528t.479-1.672H20q-.125%201.058-.545%202.044t-1.086%201.864M20%2012.05h-1.012q-.144-.87-.479-1.672q-.334-.803-.859-1.528l.72-.708q.646.802%201.063%201.794T20%2012.05%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-right.svg?color=%231a73e8&size=48