rotate 90 degrees cw icon
rotate-90-degrees-cw-outline-rounded from Material Symbols Light by Google · Outline Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- rotate-90-degrees-cw-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More images icons from Material Symbols Light
Use the rotate 90 degrees cw icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21.5q-3.538 0-6.02-2.48T2.5 13q0-3.558 2.484-6.029T11.025 4.5h1.387l-1.766-1.766q-.14-.14-.13-.344q.009-.204.15-.344t.343-.14q.204 0 .345.14l2.369 2.389q.125.125.18.264T13.96 5t-.055.301t-.181.265l-2.389 2.388q-.14.14-.334.13q-.194-.009-.335-.15q-.14-.14-.14-.344t.14-.344L12.412 5.5h-1.387q-3.136 0-5.33 2.182T3.5 13t2.182 5.318T11 20.5q.975 0 1.893-.205t1.741-.672q.183-.098.385-.022t.295.259t.034.378t-.24.287q-.946.523-1.988.749q-1.041.226-2.12.226m5.646-4.488L13.2 13.564q-.13-.13-.184-.267q-.052-.136-.052-.298t.052-.298t.184-.267l3.446-3.447q.131-.13.268-.183q.136-.053.298-.053t.298.053t.267.184l3.446 3.445q.13.132.184.268q.052.137.052.298t-.052.298t-.184.268l-3.446 3.446q-.13.13-.267.183t-.298.053t-.298-.053t-.268-.183m.566-.862l3.15-3.15l-3.15-3.15l-3.15 3.15zm0-3.15"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightRotate90DegreesCwOutlineRounded(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 21.5q-3.538 0-6.02-2.48T2.5 13q0-3.558 2.484-6.029T11.025 4.5h1.387l-1.766-1.766q-.14-.14-.13-.344q.009-.204.15-.344t.343-.14q.204 0 .345.14l2.369 2.389q.125.125.18.264T13.96 5t-.055.301t-.181.265l-2.389 2.388q-.14.14-.334.13q-.194-.009-.335-.15q-.14-.14-.14-.344t.14-.344L12.412 5.5h-1.387q-3.136 0-5.33 2.182T3.5 13t2.182 5.318T11 20.5q.975 0 1.893-.205t1.741-.672q.183-.098.385-.022t.295.259t.034.378t-.24.287q-.946.523-1.988.749q-1.041.226-2.12.226m5.646-4.488L13.2 13.564q-.13-.13-.184-.267q-.052-.136-.052-.298t.052-.298t.184-.267l3.446-3.447q.131-.13.268-.183q.136-.053.298-.053t.298.053t.267.184l3.446 3.445q.13.132.184.268q.052.137.052.298t-.052.298t-.184.268l-3.446 3.446q-.13.13-.267.183t-.298.053t-.298-.053t-.268-.183m.566-.862l3.15-3.15l-3.15-3.15l-3.15 3.15zm0-3.15"/></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 21.5q-3.538 0-6.02-2.48T2.5 13q0-3.558 2.484-6.029T11.025 4.5h1.387l-1.766-1.766q-.14-.14-.13-.344q.009-.204.15-.344t.343-.14q.204 0 .345.14l2.369 2.389q.125.125.18.264T13.96 5t-.055.301t-.181.265l-2.389 2.388q-.14.14-.334.13q-.194-.009-.335-.15q-.14-.14-.14-.344t.14-.344L12.412 5.5h-1.387q-3.136 0-5.33 2.182T3.5 13t2.182 5.318T11 20.5q.975 0 1.893-.205t1.741-.672q.183-.098.385-.022t.295.259t.034.378t-.24.287q-.946.523-1.988.749q-1.041.226-2.12.226m5.646-4.488L13.2 13.564q-.13-.13-.184-.267q-.052-.136-.052-.298t.052-.298t.184-.267l3.446-3.447q.131-.13.268-.183q.136-.053.298-.053t.298.053t.267.184l3.446 3.445q.13.132.184.268q.052.137.052.298t-.052.298t-.184.268l-3.446 3.446q-.13.13-.267.183t-.298.053t-.298-.053t-.268-.183m.566-.862l3.15-3.15l-3.15-3.15l-3.15 3.15zm0-3.15"/></svg> </template>
CSS
.icon-rotate-90-degrees-cw-outline-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%22M11%2021.5q-3.538%200-6.02-2.48T2.5%2013q0-3.558%202.484-6.029T11.025%204.5h1.387l-1.766-1.766q-.14-.14-.13-.344q.009-.204.15-.344t.343-.14q.204%200%20.345.14l2.369%202.389q.125.125.18.264T13.96%205t-.055.301t-.181.265l-2.389%202.388q-.14.14-.334.13q-.194-.009-.335-.15q-.14-.14-.14-.344t.14-.344L12.412%205.5h-1.387q-3.136%200-5.33%202.182T3.5%2013t2.182%205.318T11%2020.5q.975%200%201.893-.205t1.741-.672q.183-.098.385-.022t.295.259t.034.378t-.24.287q-.946.523-1.988.749q-1.041.226-2.12.226m5.646-4.488L13.2%2013.564q-.13-.13-.184-.267q-.052-.136-.052-.298t.052-.298t.184-.267l3.446-3.447q.131-.13.268-.183q.136-.053.298-.053t.298.053t.267.184l3.446%203.445q.13.132.184.268q.052.137.052.298t-.052.298t-.184.268l-3.446%203.446q-.13.13-.267.183t-.298.053t-.298-.053t-.268-.183m.566-.862l3.15-3.15l-3.15-3.15l-3.15%203.15zm0-3.15%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%2021.5q-3.538%200-6.02-2.48T2.5%2013q0-3.558%202.484-6.029T11.025%204.5h1.387l-1.766-1.766q-.14-.14-.13-.344q.009-.204.15-.344t.343-.14q.204%200%20.345.14l2.369%202.389q.125.125.18.264T13.96%205t-.055.301t-.181.265l-2.389%202.388q-.14.14-.334.13q-.194-.009-.335-.15q-.14-.14-.14-.344t.14-.344L12.412%205.5h-1.387q-3.136%200-5.33%202.182T3.5%2013t2.182%205.318T11%2020.5q.975%200%201.893-.205t1.741-.672q.183-.098.385-.022t.295.259t.034.378t-.24.287q-.946.523-1.988.749q-1.041.226-2.12.226m5.646-4.488L13.2%2013.564q-.13-.13-.184-.267q-.052-.136-.052-.298t.052-.298t.184-.267l3.446-3.447q.131-.13.268-.183q.136-.053.298-.053t.298.053t.267.184l3.446%203.445q.13.132.184.268q.052.137.052.298t-.052.298t-.184.268l-3.446%203.446q-.13.13-.267.183t-.298.053t-.298-.053t-.268-.183m.566-.862l3.15-3.15l-3.15-3.15l-3.15%203.15zm0-3.15%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-90-degrees-cw-outline-rounded.svg?color=%231a73e8&size=48
