sync slash icon

sync-slash from Unicons Monochrome by Iconscout · Monochrome · User Interface · Apache-2.0 Free for personal and commercial use.

Name: sync-slash
Set: Unicons Monochrome
Style: Monochrome
Category: User Interface
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

sync-slashUnicons sync-slashUnicons Solid

More user interface icons from Unicons Monochrome

Use the sync slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C9.4 2 6.9 3 5 4.9V3c0-.6-.4-1-1-1s-1 .4-1 1v4.5c0 .6.4 1 1 1h4.5c.6 0 1-.4 1-1s-.4-1-1-1H6.2c3-3.2 8.1-3.3 11.3-.3C19.1 7.7 20 9.8 20 12c0 .6.4 1 1 1s1-.4 1-1c0-5.5-4.5-10-10-10m8 13.5h-4.5c-.6 0-1 .4-1 1s.4 1 1 1h2.3c-3 3.2-8.1 3.3-11.3.3C4.9 16.3 4 14.2 4 12c0-.6-.4-1-1-1s-1 .4-1 1c0 5.5 4.5 10 10 10c2.6 0 5.2-1 7-2.9V21c0 .6.4 1 1 1s1-.4 1-1v-4.5c0-.6-.4-1-1-1" opacity=".5"/><path fill="currentColor" d="M3 22c-.6 0-1-.4-1-1c0-.3.1-.5.3-.7l18-18c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-18 18c-.2.2-.4.3-.7.3"/></svg>

React

import type { SVGProps } from "react";

export function UimSyncSlash(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 2C9.4 2 6.9 3 5 4.9V3c0-.6-.4-1-1-1s-1 .4-1 1v4.5c0 .6.4 1 1 1h4.5c.6 0 1-.4 1-1s-.4-1-1-1H6.2c3-3.2 8.1-3.3 11.3-.3C19.1 7.7 20 9.8 20 12c0 .6.4 1 1 1s1-.4 1-1c0-5.5-4.5-10-10-10m8 13.5h-4.5c-.6 0-1 .4-1 1s.4 1 1 1h2.3c-3 3.2-8.1 3.3-11.3.3C4.9 16.3 4 14.2 4 12c0-.6-.4-1-1-1s-1 .4-1 1c0 5.5 4.5 10 10 10c2.6 0 5.2-1 7-2.9V21c0 .6.4 1 1 1s1-.4 1-1v-4.5c0-.6-.4-1-1-1" opacity=".5"/><path fill="currentColor" d="M3 22c-.6 0-1-.4-1-1c0-.3.1-.5.3-.7l18-18c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-18 18c-.2.2-.4.3-.7.3"/></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 2C9.4 2 6.9 3 5 4.9V3c0-.6-.4-1-1-1s-1 .4-1 1v4.5c0 .6.4 1 1 1h4.5c.6 0 1-.4 1-1s-.4-1-1-1H6.2c3-3.2 8.1-3.3 11.3-.3C19.1 7.7 20 9.8 20 12c0 .6.4 1 1 1s1-.4 1-1c0-5.5-4.5-10-10-10m8 13.5h-4.5c-.6 0-1 .4-1 1s.4 1 1 1h2.3c-3 3.2-8.1 3.3-11.3.3C4.9 16.3 4 14.2 4 12c0-.6-.4-1-1-1s-1 .4-1 1c0 5.5 4.5 10 10 10c2.6 0 5.2-1 7-2.9V21c0 .6.4 1 1 1s1-.4 1-1v-4.5c0-.6-.4-1-1-1" opacity=".5"/><path fill="currentColor" d="M3 22c-.6 0-1-.4-1-1c0-.3.1-.5.3-.7l18-18c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-18 18c-.2.2-.4.3-.7.3"/></svg>
</template>

CSS

.icon-sync-slash {
  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%202C9.4%202%206.9%203%205%204.9V3c0-.6-.4-1-1-1s-1%20.4-1%201v4.5c0%20.6.4%201%201%201h4.5c.6%200%201-.4%201-1s-.4-1-1-1H6.2c3-3.2%208.1-3.3%2011.3-.3C19.1%207.7%2020%209.8%2020%2012c0%20.6.4%201%201%201s1-.4%201-1c0-5.5-4.5-10-10-10m8%2013.5h-4.5c-.6%200-1%20.4-1%201s.4%201%201%201h2.3c-3%203.2-8.1%203.3-11.3.3C4.9%2016.3%204%2014.2%204%2012c0-.6-.4-1-1-1s-1%20.4-1%201c0%205.5%204.5%2010%2010%2010c2.6%200%205.2-1%207-2.9V21c0%20.6.4%201%201%201s1-.4%201-1v-4.5c0-.6-.4-1-1-1%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2022c-.6%200-1-.4-1-1c0-.3.1-.5.3-.7l18-18c.4-.4%201-.4%201.4%200s.4%201%200%201.4l-18%2018c-.2.2-.4.3-.7.3%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%202C9.4%202%206.9%203%205%204.9V3c0-.6-.4-1-1-1s-1%20.4-1%201v4.5c0%20.6.4%201%201%201h4.5c.6%200%201-.4%201-1s-.4-1-1-1H6.2c3-3.2%208.1-3.3%2011.3-.3C19.1%207.7%2020%209.8%2020%2012c0%20.6.4%201%201%201s1-.4%201-1c0-5.5-4.5-10-10-10m8%2013.5h-4.5c-.6%200-1%20.4-1%201s.4%201%201%201h2.3c-3%203.2-8.1%203.3-11.3.3C4.9%2016.3%204%2014.2%204%2012c0-.6-.4-1-1-1s-1%20.4-1%201c0%205.5%204.5%2010%2010%2010c2.6%200%205.2-1%207-2.9V21c0%20.6.4%201%201%201s1-.4%201-1v-4.5c0-.6-.4-1-1-1%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2022c-.6%200-1-.4-1-1c0-.3.1-.5.3-.7l18-18c.4-.4%201-.4%201.4%200s.4%201%200%201.4l-18%2018c-.2.2-.4.3-.7.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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