outline sync disabled icon

outline-sync-disabled from Google Material Icons by Material Design Authors · Baseline · Notification · Apache-2.0 Free for personal and commercial use.

Name
outline-sync-disabled
Set
Google Material Icons
Style
Baseline
Category
Notification
Viewbox
24×24
License
Apache 2.0

More notification icons from Google Material Icons

Use the outline sync disabled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 6.35V4.26c-.66.17-1.29.43-1.88.75l1.5 1.5c.13-.05.25-.11.38-.16M20 12c0-2.21-.91-4.2-2.36-5.64L20 4h-6v6l2.24-2.24A6 6 0 0 1 18 12c0 .85-.19 1.65-.51 2.38l1.5 1.5A7.9 7.9 0 0 0 20 12M4.27 4L2.86 5.41l2.36 2.36a7.925 7.925 0 0 0 1.14 9.87L4 20h6v-6l-2.24 2.24A6 6 0 0 1 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.24-.76.34v2.09c.8-.21 1.55-.54 2.23-.96l2.58 2.58l1.41-1.41z"/></svg>

React

import type { SVGProps } from "react";

export function IcOutlineSyncDisabled(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="M10 6.35V4.26c-.66.17-1.29.43-1.88.75l1.5 1.5c.13-.05.25-.11.38-.16M20 12c0-2.21-.91-4.2-2.36-5.64L20 4h-6v6l2.24-2.24A6 6 0 0 1 18 12c0 .85-.19 1.65-.51 2.38l1.5 1.5A7.9 7.9 0 0 0 20 12M4.27 4L2.86 5.41l2.36 2.36a7.925 7.925 0 0 0 1.14 9.87L4 20h6v-6l-2.24 2.24A6 6 0 0 1 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.24-.76.34v2.09c.8-.21 1.55-.54 2.23-.96l2.58 2.58l1.41-1.41z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 6.35V4.26c-.66.17-1.29.43-1.88.75l1.5 1.5c.13-.05.25-.11.38-.16M20 12c0-2.21-.91-4.2-2.36-5.64L20 4h-6v6l2.24-2.24A6 6 0 0 1 18 12c0 .85-.19 1.65-.51 2.38l1.5 1.5A7.9 7.9 0 0 0 20 12M4.27 4L2.86 5.41l2.36 2.36a7.925 7.925 0 0 0 1.14 9.87L4 20h6v-6l-2.24 2.24A6 6 0 0 1 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.24-.76.34v2.09c.8-.21 1.55-.54 2.23-.96l2.58 2.58l1.41-1.41z"/></svg>
</template>

CSS

.icon-outline-sync-disabled {
  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%22M10%206.35V4.26c-.66.17-1.29.43-1.88.75l1.5%201.5c.13-.05.25-.11.38-.16M20%2012c0-2.21-.91-4.2-2.36-5.64L20%204h-6v6l2.24-2.24A6%206%200%200%201%2018%2012c0%20.85-.19%201.65-.51%202.38l1.5%201.5A7.9%207.9%200%200%200%2020%2012M4.27%204L2.86%205.41l2.36%202.36a7.925%207.925%200%200%200%201.14%209.87L4%2020h6v-6l-2.24%202.24A6%206%200%200%201%206%2012c0-1%20.25-1.94.68-2.77l8.08%208.08c-.25.13-.5.24-.76.34v2.09c.8-.21%201.55-.54%202.23-.96l2.58%202.58l1.41-1.41z%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%22M10%206.35V4.26c-.66.17-1.29.43-1.88.75l1.5%201.5c.13-.05.25-.11.38-.16M20%2012c0-2.21-.91-4.2-2.36-5.64L20%204h-6v6l2.24-2.24A6%206%200%200%201%2018%2012c0%20.85-.19%201.65-.51%202.38l1.5%201.5A7.9%207.9%200%200%200%2020%2012M4.27%204L2.86%205.41l2.36%202.36a7.925%207.925%200%200%200%201.14%209.87L4%2020h6v-6l-2.24%202.24A6%206%200%200%201%206%2012c0-1%20.25-1.94.68-2.77l8.08%208.08c-.25.13-.5.24-.76.34v2.09c.8-.21%201.55-.54%202.23-.96l2.58%202.58l1.41-1.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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