sync circle icon

sync-circle-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name
sync-circle-sharp
Set
IonIcons
Style
Sharp
Viewbox
512×512
License
MIT

2 other variants in IonIcons

sync-circlesync-circle-outline

The same icon in other sets

sync-circleMaterial Design Icons

Use the sync circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208s208-93.13 208-208S370.87 48 256 48m0 320a112.19 112.19 0 0 1-111.27-98.23l-8.86 8.86L113.24 256l46-46l47.55 45.48l-22.12 23.12l-7.2-6.88a80.26 80.26 0 0 0 138.48 37.5l23.77 21.41A112.82 112.82 0 0 1 256 368m96.79-66l-47.55-45.5l22.12-23.12l6.86 6.55A80.2 80.2 0 0 0 196 202.64l-23.82-21.37A112.18 112.18 0 0 1 367 242.49l9.11-9.12L398.76 256Z"/></svg>

React

import type { SVGProps } from "react";

export function IonSyncCircleSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208s208-93.13 208-208S370.87 48 256 48m0 320a112.19 112.19 0 0 1-111.27-98.23l-8.86 8.86L113.24 256l46-46l47.55 45.48l-22.12 23.12l-7.2-6.88a80.26 80.26 0 0 0 138.48 37.5l23.77 21.41A112.82 112.82 0 0 1 256 368m96.79-66l-47.55-45.5l22.12-23.12l6.86 6.55A80.2 80.2 0 0 0 196 202.64l-23.82-21.37A112.18 112.18 0 0 1 367 242.49l9.11-9.12L398.76 256Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208s208-93.13 208-208S370.87 48 256 48m0 320a112.19 112.19 0 0 1-111.27-98.23l-8.86 8.86L113.24 256l46-46l47.55 45.48l-22.12 23.12l-7.2-6.88a80.26 80.26 0 0 0 138.48 37.5l23.77 21.41A112.82 112.82 0 0 1 256 368m96.79-66l-47.55-45.5l22.12-23.12l6.86 6.55A80.2 80.2 0 0 0 196 202.64l-23.82-21.37A112.18 112.18 0 0 1 367 242.49l9.11-9.12L398.76 256Z"/></svg>
</template>

CSS

.icon-sync-circle-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2048C141.13%2048%2048%20141.13%2048%20256s93.13%20208%20208%20208s208-93.13%20208-208S370.87%2048%20256%2048m0%20320a112.19%20112.19%200%200%201-111.27-98.23l-8.86%208.86L113.24%20256l46-46l47.55%2045.48l-22.12%2023.12l-7.2-6.88a80.26%2080.26%200%200%200%20138.48%2037.5l23.77%2021.41A112.82%20112.82%200%200%201%20256%20368m96.79-66l-47.55-45.5l22.12-23.12l6.86%206.55A80.2%2080.2%200%200%200%20196%20202.64l-23.82-21.37A112.18%20112.18%200%200%201%20367%20242.49l9.11-9.12L398.76%20256Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2048C141.13%2048%2048%20141.13%2048%20256s93.13%20208%20208%20208s208-93.13%20208-208S370.87%2048%20256%2048m0%20320a112.19%20112.19%200%200%201-111.27-98.23l-8.86%208.86L113.24%20256l46-46l47.55%2045.48l-22.12%2023.12l-7.2-6.88a80.26%2080.26%200%200%200%20138.48%2037.5l23.77%2021.41A112.82%20112.82%200%200%201%20256%20368m96.79-66l-47.55-45.5l22.12-23.12l6.86%206.55A80.2%2080.2%200%200%200%20196%20202.64l-23.82-21.37A112.18%20112.18%200%200%201%20367%20242.49l9.11-9.12L398.76%20256Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/sync-circle-sharp.svg?color=%231a73e8&size=48

Sync Circle sharp icon — IonIcons · IconsDB