rotate orbit icon

rotate-orbit from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name: rotate-orbit
Set: Material Design Icons
Style: Filled
Viewbox: 24×24
License: Apache 2.0

Related icons in Material Design Icons

rotate-360 rotate-3d rotate-3d-variant rotate-left rotate-left-variant rotate-right rotate-right-variant

Use the rotate orbit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 14.25L4.75 11H7c.25-5.61 2.39-10 5-10c2 0 3.77 2.64 4.55 6.45C20.36 8.23 23 10 23 12c0 1.83-2.17 3.43-5.4 4.3l.29-2.03C19.8 13.72 21 12.91 21 12c0-1.06-1.65-2-4.13-2.5c.08.79.13 1.63.13 2.5c0 6.08-2.24 11-5 11c-1.83 0-3.43-2.17-4.3-5.4l2.03.29C10.28 19.8 11.09 21 12 21c1.66 0 3-4.03 3-9q0-1.5-.15-2.85Q13.5 9 12 9l-1.86.06l.29-2.01L12 7c.87 0 1.71.05 2.5.13C14 4.65 13.06 3 12 3c-1.54 0-2.82 3.5-3 8h2.25zM14.25 16L11 19.25V17c-5.61-.25-10-2.39-10-5c0-1.83 2.17-3.43 5.4-4.3l-.29 2.03C4.2 10.28 3 11.09 3 12c0 1.54 3.5 2.82 8 3v-2.25z"/></svg>

React

import type { SVGProps } from "react";

export function MdiRotateOrbit(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="M8 14.25L4.75 11H7c.25-5.61 2.39-10 5-10c2 0 3.77 2.64 4.55 6.45C20.36 8.23 23 10 23 12c0 1.83-2.17 3.43-5.4 4.3l.29-2.03C19.8 13.72 21 12.91 21 12c0-1.06-1.65-2-4.13-2.5c.08.79.13 1.63.13 2.5c0 6.08-2.24 11-5 11c-1.83 0-3.43-2.17-4.3-5.4l2.03.29C10.28 19.8 11.09 21 12 21c1.66 0 3-4.03 3-9q0-1.5-.15-2.85Q13.5 9 12 9l-1.86.06l.29-2.01L12 7c.87 0 1.71.05 2.5.13C14 4.65 13.06 3 12 3c-1.54 0-2.82 3.5-3 8h2.25zM14.25 16L11 19.25V17c-5.61-.25-10-2.39-10-5c0-1.83 2.17-3.43 5.4-4.3l-.29 2.03C4.2 10.28 3 11.09 3 12c0 1.54 3.5 2.82 8 3v-2.25z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 14.25L4.75 11H7c.25-5.61 2.39-10 5-10c2 0 3.77 2.64 4.55 6.45C20.36 8.23 23 10 23 12c0 1.83-2.17 3.43-5.4 4.3l.29-2.03C19.8 13.72 21 12.91 21 12c0-1.06-1.65-2-4.13-2.5c.08.79.13 1.63.13 2.5c0 6.08-2.24 11-5 11c-1.83 0-3.43-2.17-4.3-5.4l2.03.29C10.28 19.8 11.09 21 12 21c1.66 0 3-4.03 3-9q0-1.5-.15-2.85Q13.5 9 12 9l-1.86.06l.29-2.01L12 7c.87 0 1.71.05 2.5.13C14 4.65 13.06 3 12 3c-1.54 0-2.82 3.5-3 8h2.25zM14.25 16L11 19.25V17c-5.61-.25-10-2.39-10-5c0-1.83 2.17-3.43 5.4-4.3l-.29 2.03C4.2 10.28 3 11.09 3 12c0 1.54 3.5 2.82 8 3v-2.25z"/></svg>
</template>

CSS

.icon-rotate-orbit {
  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%22M8%2014.25L4.75%2011H7c.25-5.61%202.39-10%205-10c2%200%203.77%202.64%204.55%206.45C20.36%208.23%2023%2010%2023%2012c0%201.83-2.17%203.43-5.4%204.3l.29-2.03C19.8%2013.72%2021%2012.91%2021%2012c0-1.06-1.65-2-4.13-2.5c.08.79.13%201.63.13%202.5c0%206.08-2.24%2011-5%2011c-1.83%200-3.43-2.17-4.3-5.4l2.03.29C10.28%2019.8%2011.09%2021%2012%2021c1.66%200%203-4.03%203-9q0-1.5-.15-2.85Q13.5%209%2012%209l-1.86.06l.29-2.01L12%207c.87%200%201.71.05%202.5.13C14%204.65%2013.06%203%2012%203c-1.54%200-2.82%203.5-3%208h2.25zM14.25%2016L11%2019.25V17c-5.61-.25-10-2.39-10-5c0-1.83%202.17-3.43%205.4-4.3l-.29%202.03C4.2%2010.28%203%2011.09%203%2012c0%201.54%203.5%202.82%208%203v-2.25z%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%22M8%2014.25L4.75%2011H7c.25-5.61%202.39-10%205-10c2%200%203.77%202.64%204.55%206.45C20.36%208.23%2023%2010%2023%2012c0%201.83-2.17%203.43-5.4%204.3l.29-2.03C19.8%2013.72%2021%2012.91%2021%2012c0-1.06-1.65-2-4.13-2.5c.08.79.13%201.63.13%202.5c0%206.08-2.24%2011-5%2011c-1.83%200-3.43-2.17-4.3-5.4l2.03.29C10.28%2019.8%2011.09%2021%2012%2021c1.66%200%203-4.03%203-9q0-1.5-.15-2.85Q13.5%209%2012%209l-1.86.06l.29-2.01L12%207c.87%200%201.71.05%202.5.13C14%204.65%2013.06%203%2012%203c-1.54%200-2.82%203.5-3%208h2.25zM14.25%2016L11%2019.25V17c-5.61-.25-10-2.39-10-5c0-1.83%202.17-3.43%205.4-4.3l-.29%202.03C4.2%2010.28%203%2011.09%203%2012c0%201.54%203.5%202.82%208%203v-2.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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