round-macro-off from Google Material Icons by Material Design Authors · Baseline · Device · Apache-2.0 Free for personal and commercial use.

Name
round-macro-off
Set
Google Material Icons
Style
Baseline
Category
Device
Viewbox
24×24
License
Apache 2.0

More device icons from Google Material Icons

Use the round macro off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.2 13.08c-.64-.09-1.21.48-1.12 1.12C3.67 18.6 7.44 22 12 22c0-4.56-3.4-8.33-7.8-8.92M12 5.5A2.5 2.5 0 0 1 14.5 8c0 .99-.58 1.84-1.42 2.25l2.48 2.48c.11.02.23.03.35.03a2.5 2.5 0 0 0 2.5-2.5c0-1-.59-1.85-1.43-2.25c.84-.4 1.43-1.25 1.43-2.25a2.5 2.5 0 0 0-3.92-2.06l.01-.2a2.5 2.5 0 0 0-5 0l.02.19a2.485 2.485 0 0 0-2.93.08l3.16 3.16c.41-.85 1.26-1.43 2.25-1.43m7.98 11.65c.47-.91.8-1.9.94-2.95c.09-.64-.48-1.21-1.12-1.12c-1.05.14-2.05.47-2.95.94z"/><path fill="currentColor" d="M2.1 3.51a.996.996 0 0 0 0 1.41l3.93 3.93c-.35.52-.53 1.17-.38 1.89c.22 1.13 1.26 1.98 2.41 2c.54.01 1.02-.15 1.44-.43l.02.02l-.02.17A2.5 2.5 0 0 0 12 15c.05 0 .1-.01.16-.02l1.64 1.64A8.9 8.9 0 0 0 12 22c2.02 0 3.88-.67 5.38-1.79l1.69 1.69a.996.996 0 1 0 1.41-1.41L3.51 3.51a.996.996 0 0 0-1.41 0"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundMacroOff(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="M4.2 13.08c-.64-.09-1.21.48-1.12 1.12C3.67 18.6 7.44 22 12 22c0-4.56-3.4-8.33-7.8-8.92M12 5.5A2.5 2.5 0 0 1 14.5 8c0 .99-.58 1.84-1.42 2.25l2.48 2.48c.11.02.23.03.35.03a2.5 2.5 0 0 0 2.5-2.5c0-1-.59-1.85-1.43-2.25c.84-.4 1.43-1.25 1.43-2.25a2.5 2.5 0 0 0-3.92-2.06l.01-.2a2.5 2.5 0 0 0-5 0l.02.19a2.485 2.485 0 0 0-2.93.08l3.16 3.16c.41-.85 1.26-1.43 2.25-1.43m7.98 11.65c.47-.91.8-1.9.94-2.95c.09-.64-.48-1.21-1.12-1.12c-1.05.14-2.05.47-2.95.94z"/><path fill="currentColor" d="M2.1 3.51a.996.996 0 0 0 0 1.41l3.93 3.93c-.35.52-.53 1.17-.38 1.89c.22 1.13 1.26 1.98 2.41 2c.54.01 1.02-.15 1.44-.43l.02.02l-.02.17A2.5 2.5 0 0 0 12 15c.05 0 .1-.01.16-.02l1.64 1.64A8.9 8.9 0 0 0 12 22c2.02 0 3.88-.67 5.38-1.79l1.69 1.69a.996.996 0 1 0 1.41-1.41L3.51 3.51a.996.996 0 0 0-1.41 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.2 13.08c-.64-.09-1.21.48-1.12 1.12C3.67 18.6 7.44 22 12 22c0-4.56-3.4-8.33-7.8-8.92M12 5.5A2.5 2.5 0 0 1 14.5 8c0 .99-.58 1.84-1.42 2.25l2.48 2.48c.11.02.23.03.35.03a2.5 2.5 0 0 0 2.5-2.5c0-1-.59-1.85-1.43-2.25c.84-.4 1.43-1.25 1.43-2.25a2.5 2.5 0 0 0-3.92-2.06l.01-.2a2.5 2.5 0 0 0-5 0l.02.19a2.485 2.485 0 0 0-2.93.08l3.16 3.16c.41-.85 1.26-1.43 2.25-1.43m7.98 11.65c.47-.91.8-1.9.94-2.95c.09-.64-.48-1.21-1.12-1.12c-1.05.14-2.05.47-2.95.94z"/><path fill="currentColor" d="M2.1 3.51a.996.996 0 0 0 0 1.41l3.93 3.93c-.35.52-.53 1.17-.38 1.89c.22 1.13 1.26 1.98 2.41 2c.54.01 1.02-.15 1.44-.43l.02.02l-.02.17A2.5 2.5 0 0 0 12 15c.05 0 .1-.01.16-.02l1.64 1.64A8.9 8.9 0 0 0 12 22c2.02 0 3.88-.67 5.38-1.79l1.69 1.69a.996.996 0 1 0 1.41-1.41L3.51 3.51a.996.996 0 0 0-1.41 0"/></svg>
</template>

CSS

.icon-round-macro-off {
  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%22M4.2%2013.08c-.64-.09-1.21.48-1.12%201.12C3.67%2018.6%207.44%2022%2012%2022c0-4.56-3.4-8.33-7.8-8.92M12%205.5A2.5%202.5%200%200%201%2014.5%208c0%20.99-.58%201.84-1.42%202.25l2.48%202.48c.11.02.23.03.35.03a2.5%202.5%200%200%200%202.5-2.5c0-1-.59-1.85-1.43-2.25c.84-.4%201.43-1.25%201.43-2.25a2.5%202.5%200%200%200-3.92-2.06l.01-.2a2.5%202.5%200%200%200-5%200l.02.19a2.485%202.485%200%200%200-2.93.08l3.16%203.16c.41-.85%201.26-1.43%202.25-1.43m7.98%2011.65c.47-.91.8-1.9.94-2.95c.09-.64-.48-1.21-1.12-1.12c-1.05.14-2.05.47-2.95.94z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.1%203.51a.996.996%200%200%200%200%201.41l3.93%203.93c-.35.52-.53%201.17-.38%201.89c.22%201.13%201.26%201.98%202.41%202c.54.01%201.02-.15%201.44-.43l.02.02l-.02.17A2.5%202.5%200%200%200%2012%2015c.05%200%20.1-.01.16-.02l1.64%201.64A8.9%208.9%200%200%200%2012%2022c2.02%200%203.88-.67%205.38-1.79l1.69%201.69a.996.996%200%201%200%201.41-1.41L3.51%203.51a.996.996%200%200%200-1.41%200%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%22M4.2%2013.08c-.64-.09-1.21.48-1.12%201.12C3.67%2018.6%207.44%2022%2012%2022c0-4.56-3.4-8.33-7.8-8.92M12%205.5A2.5%202.5%200%200%201%2014.5%208c0%20.99-.58%201.84-1.42%202.25l2.48%202.48c.11.02.23.03.35.03a2.5%202.5%200%200%200%202.5-2.5c0-1-.59-1.85-1.43-2.25c.84-.4%201.43-1.25%201.43-2.25a2.5%202.5%200%200%200-3.92-2.06l.01-.2a2.5%202.5%200%200%200-5%200l.02.19a2.485%202.485%200%200%200-2.93.08l3.16%203.16c.41-.85%201.26-1.43%202.25-1.43m7.98%2011.65c.47-.91.8-1.9.94-2.95c.09-.64-.48-1.21-1.12-1.12c-1.05.14-2.05.47-2.95.94z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.1%203.51a.996.996%200%200%200%200%201.41l3.93%203.93c-.35.52-.53%201.17-.38%201.89c.22%201.13%201.26%201.98%202.41%202c.54.01%201.02-.15%201.44-.43l.02.02l-.02.17A2.5%202.5%200%200%200%2012%2015c.05%200%20.1-.01.16-.02l1.64%201.64A8.9%208.9%200%200%200%2012%2022c2.02%200%203.88-.67%205.38-1.79l1.69%201.69a.996.996%200%201%200%201.41-1.41L3.51%203.51a.996.996%200%200%200-1.41%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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