signal disconnected icon

signal-disconnected from Material Symbols Light by Google · Regular · Android · Apache-2.0 Free for personal and commercial use.

Name
signal-disconnected
Set
Material Symbols Light
Style
Regular
Category
Android
Viewbox
24×24
License
Apache 2.0
Aliases
signal-disconnected-outline, signal-disconnected-outline-sharp, signal-disconnected-sharp

1 other variant in Material Symbols Light

The same icon in other sets

More android icons from Material Symbols Light

Use the signal disconnected icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.58 13.756l-.666-.667q.511-.67.799-1.455Q17 10.85 17 10q0-1-.371-1.92t-1.09-1.618L16.2 5.8q.835.854 1.283 1.939t.448 2.28q0 1.027-.339 1.99t-1.011 1.747m-2.879-2.879l-2.579-2.579q.204-.117.423-.17q.22-.051.454-.051q.8 0 1.362.562T13.923 10q0 .235-.052.454t-.169.423m5.221 5.215l-.661-.661q.98-1.125 1.51-2.528Q20.3 11.5 20.3 10q0-1.65-.632-3.168t-1.806-2.694l.661-.661q1.298 1.315 2.003 2.996T21.231 10q0 1.696-.58 3.274t-1.728 2.818m.91 5.162L12.5 13.92v6.195h-1V12.92L7.23 8.658q-.114.338-.172.67Q7 9.663 7 10q0 1 .371 1.92t1.09 1.619L7.8 14.2q-.834-.834-1.283-1.92Q6.07 11.197 6.07 10q0-.54.089-1.065t.328-1.027L4.713 6.133q-.506.898-.759 1.863T3.7 10q0 1.65.632 3.168t1.807 2.694l-.662.661q-1.298-1.315-2.003-2.996T2.769 10q0-1.215.305-2.374t.934-2.197L2.746 4.167l.708-.713l17.092 17.092z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSignalDisconnected(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="m16.58 13.756l-.666-.667q.511-.67.799-1.455Q17 10.85 17 10q0-1-.371-1.92t-1.09-1.618L16.2 5.8q.835.854 1.283 1.939t.448 2.28q0 1.027-.339 1.99t-1.011 1.747m-2.879-2.879l-2.579-2.579q.204-.117.423-.17q.22-.051.454-.051q.8 0 1.362.562T13.923 10q0 .235-.052.454t-.169.423m5.221 5.215l-.661-.661q.98-1.125 1.51-2.528Q20.3 11.5 20.3 10q0-1.65-.632-3.168t-1.806-2.694l.661-.661q1.298 1.315 2.003 2.996T21.231 10q0 1.696-.58 3.274t-1.728 2.818m.91 5.162L12.5 13.92v6.195h-1V12.92L7.23 8.658q-.114.338-.172.67Q7 9.663 7 10q0 1 .371 1.92t1.09 1.619L7.8 14.2q-.834-.834-1.283-1.92Q6.07 11.197 6.07 10q0-.54.089-1.065t.328-1.027L4.713 6.133q-.506.898-.759 1.863T3.7 10q0 1.65.632 3.168t1.807 2.694l-.662.661q-1.298-1.315-2.003-2.996T2.769 10q0-1.215.305-2.374t.934-2.197L2.746 4.167l.708-.713l17.092 17.092z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.58 13.756l-.666-.667q.511-.67.799-1.455Q17 10.85 17 10q0-1-.371-1.92t-1.09-1.618L16.2 5.8q.835.854 1.283 1.939t.448 2.28q0 1.027-.339 1.99t-1.011 1.747m-2.879-2.879l-2.579-2.579q.204-.117.423-.17q.22-.051.454-.051q.8 0 1.362.562T13.923 10q0 .235-.052.454t-.169.423m5.221 5.215l-.661-.661q.98-1.125 1.51-2.528Q20.3 11.5 20.3 10q0-1.65-.632-3.168t-1.806-2.694l.661-.661q1.298 1.315 2.003 2.996T21.231 10q0 1.696-.58 3.274t-1.728 2.818m.91 5.162L12.5 13.92v6.195h-1V12.92L7.23 8.658q-.114.338-.172.67Q7 9.663 7 10q0 1 .371 1.92t1.09 1.619L7.8 14.2q-.834-.834-1.283-1.92Q6.07 11.197 6.07 10q0-.54.089-1.065t.328-1.027L4.713 6.133q-.506.898-.759 1.863T3.7 10q0 1.65.632 3.168t1.807 2.694l-.662.661q-1.298-1.315-2.003-2.996T2.769 10q0-1.215.305-2.374t.934-2.197L2.746 4.167l.708-.713l17.092 17.092z"/></svg>
</template>

CSS

.icon-signal-disconnected {
  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%22m16.58%2013.756l-.666-.667q.511-.67.799-1.455Q17%2010.85%2017%2010q0-1-.371-1.92t-1.09-1.618L16.2%205.8q.835.854%201.283%201.939t.448%202.28q0%201.027-.339%201.99t-1.011%201.747m-2.879-2.879l-2.579-2.579q.204-.117.423-.17q.22-.051.454-.051q.8%200%201.362.562T13.923%2010q0%20.235-.052.454t-.169.423m5.221%205.215l-.661-.661q.98-1.125%201.51-2.528Q20.3%2011.5%2020.3%2010q0-1.65-.632-3.168t-1.806-2.694l.661-.661q1.298%201.315%202.003%202.996T21.231%2010q0%201.696-.58%203.274t-1.728%202.818m.91%205.162L12.5%2013.92v6.195h-1V12.92L7.23%208.658q-.114.338-.172.67Q7%209.663%207%2010q0%201%20.371%201.92t1.09%201.619L7.8%2014.2q-.834-.834-1.283-1.92Q6.07%2011.197%206.07%2010q0-.54.089-1.065t.328-1.027L4.713%206.133q-.506.898-.759%201.863T3.7%2010q0%201.65.632%203.168t1.807%202.694l-.662.661q-1.298-1.315-2.003-2.996T2.769%2010q0-1.215.305-2.374t.934-2.197L2.746%204.167l.708-.713l17.092%2017.092z%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%22m16.58%2013.756l-.666-.667q.511-.67.799-1.455Q17%2010.85%2017%2010q0-1-.371-1.92t-1.09-1.618L16.2%205.8q.835.854%201.283%201.939t.448%202.28q0%201.027-.339%201.99t-1.011%201.747m-2.879-2.879l-2.579-2.579q.204-.117.423-.17q.22-.051.454-.051q.8%200%201.362.562T13.923%2010q0%20.235-.052.454t-.169.423m5.221%205.215l-.661-.661q.98-1.125%201.51-2.528Q20.3%2011.5%2020.3%2010q0-1.65-.632-3.168t-1.806-2.694l.661-.661q1.298%201.315%202.003%202.996T21.231%2010q0%201.696-.58%203.274t-1.728%202.818m.91%205.162L12.5%2013.92v6.195h-1V12.92L7.23%208.658q-.114.338-.172.67Q7%209.663%207%2010q0%201%20.371%201.92t1.09%201.619L7.8%2014.2q-.834-.834-1.283-1.92Q6.07%2011.197%206.07%2010q0-.54.089-1.065t.328-1.027L4.713%206.133q-.506.898-.759%201.863T3.7%2010q0%201.65.632%203.168t1.807%202.694l-.662.661q-1.298-1.315-2.003-2.996T2.769%2010q0-1.215.305-2.374t.934-2.197L2.746%204.167l.708-.713l17.092%2017.092z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/signal-disconnected.svg?color=%231a73e8&size=48