detector-status-outline from Material Symbols Light by Google · Outline · Home · Apache-2.0 Free for personal and commercial use.

Name
detector-status-outline
Set
Material Symbols Light
Style
Outline
Category
Home
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More home icons from Material Symbols Light

Use the detector status icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.95 20.039L8.112 17.2l.713-.688l2.125 2.125l4.225-4.25l.713.713zM5 5v1.154q0 .269.173.442t.443.173h12.769q.269 0 .442-.173T19 6.154V5zm2.523 2.77l.493 1.365q.076.192.23.298t.346.105h6.816q.192 0 .346-.105q.154-.106.23-.299l.493-1.365zm1.07 2.769q-.516 0-.935-.292q-.42-.291-.6-.782L6.462 7.77h-.846q-.672 0-1.144-.472T4 6.154V4h16v2.154q0 .671-.472 1.143t-1.144.472h-.846l-.669 1.72q-.186.459-.59.754t-.914.295zM5 5v1.77z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDetectorStatusOutline(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.95 20.039L8.112 17.2l.713-.688l2.125 2.125l4.225-4.25l.713.713zM5 5v1.154q0 .269.173.442t.443.173h12.769q.269 0 .442-.173T19 6.154V5zm2.523 2.77l.493 1.365q.076.192.23.298t.346.105h6.816q.192 0 .346-.105q.154-.106.23-.299l.493-1.365zm1.07 2.769q-.516 0-.935-.292q-.42-.291-.6-.782L6.462 7.77h-.846q-.672 0-1.144-.472T4 6.154V4h16v2.154q0 .671-.472 1.143t-1.144.472h-.846l-.669 1.72q-.186.459-.59.754t-.914.295zM5 5v1.77z"/></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.95 20.039L8.112 17.2l.713-.688l2.125 2.125l4.225-4.25l.713.713zM5 5v1.154q0 .269.173.442t.443.173h12.769q.269 0 .442-.173T19 6.154V5zm2.523 2.77l.493 1.365q.076.192.23.298t.346.105h6.816q.192 0 .346-.105q.154-.106.23-.299l.493-1.365zm1.07 2.769q-.516 0-.935-.292q-.42-.291-.6-.782L6.462 7.77h-.846q-.672 0-1.144-.472T4 6.154V4h16v2.154q0 .671-.472 1.143t-1.144.472h-.846l-.669 1.72q-.186.459-.59.754t-.914.295zM5 5v1.77z"/></svg>
</template>

CSS

.icon-detector-status-outline {
  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.95%2020.039L8.112%2017.2l.713-.688l2.125%202.125l4.225-4.25l.713.713zM5%205v1.154q0%20.269.173.442t.443.173h12.769q.269%200%20.442-.173T19%206.154V5zm2.523%202.77l.493%201.365q.076.192.23.298t.346.105h6.816q.192%200%20.346-.105q.154-.106.23-.299l.493-1.365zm1.07%202.769q-.516%200-.935-.292q-.42-.291-.6-.782L6.462%207.77h-.846q-.672%200-1.144-.472T4%206.154V4h16v2.154q0%20.671-.472%201.143t-1.144.472h-.846l-.669%201.72q-.186.459-.59.754t-.914.295zM5%205v1.77z%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.95%2020.039L8.112%2017.2l.713-.688l2.125%202.125l4.225-4.25l.713.713zM5%205v1.154q0%20.269.173.442t.443.173h12.769q.269%200%20.442-.173T19%206.154V5zm2.523%202.77l.493%201.365q.076.192.23.298t.346.105h6.816q.192%200%20.346-.105q.154-.106.23-.299l.493-1.365zm1.07%202.769q-.516%200-.935-.292q-.42-.291-.6-.782L6.462%207.77h-.846q-.672%200-1.144-.472T4%206.154V4h16v2.154q0%20.671-.472%201.143t-1.144.472h-.846l-.669%201.72q-.186.459-.59.754t-.914.295zM5%205v1.77z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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