crop rotate icon

crop-rotate-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.

Name: crop-rotate-rounded
Set: Material Symbols
Style: Rounded
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: crop-rotate-outline-rounded

2 other variants in Material Symbols

crop-rotate crop-rotate-sharp

The same icon in other sets

crop-rotateFramework7 Icons crop-rotateMaterial Symbols Light crop-rotateMaterial Design Icons

More images icons from Material Symbols

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 crop rotate icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24q-4.4 0-7.712-2.762T.174 14.275Q.1 13.85.337 13.5T1 13.1t.75.213t.4.687q.65 3.275 3.113 5.475T11.1 21.95l-.85-.85q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.3 3.3q.175.175.113.4t-.288.275q-.675.175-1.362.25T12 24m-3-7q-.825 0-1.412-.587T7 15V9H6q-.425 0-.712-.288T5 8t.288-.712T6 7h1V6q0-.425.288-.712T8 5t.713.288T9 6v9h9q.425 0 .713.288T19 16t-.288.713T18 17h-1v1q0 .425-.288.713T16 19t-.712-.288T15 18v-1zm6-4V9h-4V7h4q.825 0 1.413.588T17 9v4zM12 0q4.4 0 7.713 2.75t4.112 6.975q.075.425-.162.775t-.663.4t-.75-.213t-.4-.687q-.65-3.275-3.113-5.475T12.9 2.05l.85.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275L9.05 1Q8.875.825 8.938.6t.287-.275Q9.9.15 10.588.075T12 0"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsCropRotateRounded(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="M12 24q-4.4 0-7.712-2.762T.174 14.275Q.1 13.85.337 13.5T1 13.1t.75.213t.4.687q.65 3.275 3.113 5.475T11.1 21.95l-.85-.85q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.3 3.3q.175.175.113.4t-.288.275q-.675.175-1.362.25T12 24m-3-7q-.825 0-1.412-.587T7 15V9H6q-.425 0-.712-.288T5 8t.288-.712T6 7h1V6q0-.425.288-.712T8 5t.713.288T9 6v9h9q.425 0 .713.288T19 16t-.288.713T18 17h-1v1q0 .425-.288.713T16 19t-.712-.288T15 18v-1zm6-4V9h-4V7h4q.825 0 1.413.588T17 9v4zM12 0q4.4 0 7.713 2.75t4.112 6.975q.075.425-.162.775t-.663.4t-.75-.213t-.4-.687q-.65-3.275-3.113-5.475T12.9 2.05l.85.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275L9.05 1Q8.875.825 8.938.6t.287-.275Q9.9.15 10.588.075T12 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24q-4.4 0-7.712-2.762T.174 14.275Q.1 13.85.337 13.5T1 13.1t.75.213t.4.687q.65 3.275 3.113 5.475T11.1 21.95l-.85-.85q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.3 3.3q.175.175.113.4t-.288.275q-.675.175-1.362.25T12 24m-3-7q-.825 0-1.412-.587T7 15V9H6q-.425 0-.712-.288T5 8t.288-.712T6 7h1V6q0-.425.288-.712T8 5t.713.288T9 6v9h9q.425 0 .713.288T19 16t-.288.713T18 17h-1v1q0 .425-.288.713T16 19t-.712-.288T15 18v-1zm6-4V9h-4V7h4q.825 0 1.413.588T17 9v4zM12 0q4.4 0 7.713 2.75t4.112 6.975q.075.425-.162.775t-.663.4t-.75-.213t-.4-.687q-.65-3.275-3.113-5.475T12.9 2.05l.85.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275L9.05 1Q8.875.825 8.938.6t.287-.275Q9.9.15 10.588.075T12 0"/></svg>
</template>

CSS

.icon-crop-rotate-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%22M12%2024q-4.4%200-7.712-2.762T.174%2014.275Q.1%2013.85.337%2013.5T1%2013.1t.75.213t.4.687q.65%203.275%203.113%205.475T11.1%2021.95l-.85-.85q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.3%203.3q.175.175.113.4t-.288.275q-.675.175-1.362.25T12%2024m-3-7q-.825%200-1.412-.587T7%2015V9H6q-.425%200-.712-.288T5%208t.288-.712T6%207h1V6q0-.425.288-.712T8%205t.713.288T9%206v9h9q.425%200%20.713.288T19%2016t-.288.713T18%2017h-1v1q0%20.425-.288.713T16%2019t-.712-.288T15%2018v-1zm6-4V9h-4V7h4q.825%200%201.413.588T17%209v4zM12%200q4.4%200%207.713%202.75t4.112%206.975q.075.425-.162.775t-.663.4t-.75-.213t-.4-.687q-.65-3.275-3.113-5.475T12.9%202.05l.85.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275L9.05%201Q8.875.825%208.938.6t.287-.275Q9.9.15%2010.588.075T12%200%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%22M12%2024q-4.4%200-7.712-2.762T.174%2014.275Q.1%2013.85.337%2013.5T1%2013.1t.75.213t.4.687q.65%203.275%203.113%205.475T11.1%2021.95l-.85-.85q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.3%203.3q.175.175.113.4t-.288.275q-.675.175-1.362.25T12%2024m-3-7q-.825%200-1.412-.587T7%2015V9H6q-.425%200-.712-.288T5%208t.288-.712T6%207h1V6q0-.425.288-.712T8%205t.713.288T9%206v9h9q.425%200%20.713.288T19%2016t-.288.713T18%2017h-1v1q0%20.425-.288.713T16%2019t-.712-.288T15%2018v-1zm6-4V9h-4V7h4q.825%200%201.413.588T17%209v4zM12%200q4.4%200%207.713%202.75t4.112%206.975q.075.425-.162.775t-.663.4t-.75-.213t-.4-.687q-.65-3.275-3.113-5.475T12.9%202.05l.85.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275L9.05%201Q8.875.825%208.938.6t.287-.275Q9.9.15%2010.588.075T12%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/crop-rotate-rounded.svg?color=%231a73e8&size=48