round rotate right icon

round-rotate-right from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.

Name
round-rotate-right
Set
Google Material Icons
Style
Baseline
Category
Image
Viewbox
24×24
License
Apache 2.0

More image icons from Google Material Icons

baseline-10mpbaseline-11mpbaseline-12mpbaseline-13mpbaseline-14mpbaseline-15mpbaseline-16mpbaseline-17mpbaseline-18mpbaseline-19mpbaseline-20mpbaseline-21mpbaseline-22mpbaseline-23mpbaseline-24mpbaseline-2mpbaseline-30fps-selectbaseline-3mpbaseline-4mpbaseline-5mpbaseline-60fps-selectbaseline-6mpbaseline-7mpbaseline-8mp

Use the round 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="M14.83 4.83L12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68c.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16c.2.37.36.76.48 1.16c.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49c-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2c.28-.51.5-1.04.67-1.59c.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundRotateRight(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="M14.83 4.83L12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68c.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16c.2.37.36.76.48 1.16c.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49c-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2c.28-.51.5-1.04.67-1.59c.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.83 4.83L12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68c.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16c.2.37.36.76.48 1.16c.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49c-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2c.28-.51.5-1.04.67-1.59c.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"/></svg>
</template>

CSS

.icon-round-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%22M14.83%204.83L12.7%202.7c-.62-.62-1.7-.18-1.7.71v.66C7.06%204.56%204%207.92%204%2012c0%203.64%202.43%206.71%205.77%207.68c.62.18%201.23-.32%201.23-.96v-.03a.97.97%200%200%200-.68-.94A5.98%205.98%200%200%201%206%2012c0-2.97%202.16-5.43%205-5.91v1.53c0%20.89%201.07%201.33%201.7.71l2.13-2.08a.99.99%200%200%200%200-1.42m4.84%204.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17%201.16c.2.37.36.76.48%201.16c.12.42.51.7.94.7h.02c.65%200%201.15-.62.96-1.24M13%2018.68v.02c0%20.65.62%201.14%201.24.96q.825-.24%201.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97%200%200%200-1.16-.17c-.37.21-.76.37-1.16.49c-.41.12-.69.51-.69.94m4.44-2.65c.46.46%201.25.37%201.56-.2c.28-.51.5-1.04.67-1.59c.18-.62-.31-1.24-.96-1.24h-.02c-.44%200-.82.28-.94.7q-.18.6-.48%201.17c-.21.38-.13.86.17%201.16%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%22M14.83%204.83L12.7%202.7c-.62-.62-1.7-.18-1.7.71v.66C7.06%204.56%204%207.92%204%2012c0%203.64%202.43%206.71%205.77%207.68c.62.18%201.23-.32%201.23-.96v-.03a.97.97%200%200%200-.68-.94A5.98%205.98%200%200%201%206%2012c0-2.97%202.16-5.43%205-5.91v1.53c0%20.89%201.07%201.33%201.7.71l2.13-2.08a.99.99%200%200%200%200-1.42m4.84%204.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17%201.16c.2.37.36.76.48%201.16c.12.42.51.7.94.7h.02c.65%200%201.15-.62.96-1.24M13%2018.68v.02c0%20.65.62%201.14%201.24.96q.825-.24%201.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97%200%200%200-1.16-.17c-.37.21-.76.37-1.16.49c-.41.12-.69.51-.69.94m4.44-2.65c.46.46%201.25.37%201.56-.2c.28-.51.5-1.04.67-1.59c.18-.62-.31-1.24-.96-1.24h-.02c-.44%200-.82.28-.94.7q-.18.6-.48%201.17c-.21.38-.13.86.17%201.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-rotate-right.svg?color=%231a73e8&size=48