detector-alarm-rounded from Material Symbols Light by Google · Rounded · Home · Apache-2.0 Free for personal and commercial use.

Name
detector-alarm-rounded
Set
Material Symbols Light
Style
Rounded
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 alarm icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.643 19.857q-.143-.143-.143-.357v-3q0-.213.143-.357T12 16t.357.143t.143.357v3q0 .214-.143.357T12 20t-.357-.143m7.766-3.14q-.14.14-.334.14t-.334-.14l-2.15-2.125q-.147-.146-.156-.344t.156-.363t.356-.166t.357.165l2.125 2.145q.14.14.134.341t-.153.347m-14.84-.019q-.14-.14-.14-.334t.14-.335l2.125-2.15q.146-.146.345-.156t.363.156t.165.357t-.165.356L5.26 16.717q-.14.14-.342.134t-.347-.153m2.952-8.929l.493 1.366q.076.192.23.298t.346.106h6.816q.192 0 .346-.106t.23-.298l.493-1.366zm1.07 2.77q-.516 0-.935-.292q-.42-.291-.6-.781l-.596-1.697h-.846q-.672 0-1.144-.472T4 6.154V5.039q0-.441.299-.74T5.039 4h13.923q.44 0 .739.299t.299.74v1.115q0 .671-.472 1.143t-1.144.472h-.846l-.669 1.72q-.186.459-.59.754t-.914.295z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDetectorAlarmRounded(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="M11.643 19.857q-.143-.143-.143-.357v-3q0-.213.143-.357T12 16t.357.143t.143.357v3q0 .214-.143.357T12 20t-.357-.143m7.766-3.14q-.14.14-.334.14t-.334-.14l-2.15-2.125q-.147-.146-.156-.344t.156-.363t.356-.166t.357.165l2.125 2.145q.14.14.134.341t-.153.347m-14.84-.019q-.14-.14-.14-.334t.14-.335l2.125-2.15q.146-.146.345-.156t.363.156t.165.357t-.165.356L5.26 16.717q-.14.14-.342.134t-.347-.153m2.952-8.929l.493 1.366q.076.192.23.298t.346.106h6.816q.192 0 .346-.106t.23-.298l.493-1.366zm1.07 2.77q-.516 0-.935-.292q-.42-.291-.6-.781l-.596-1.697h-.846q-.672 0-1.144-.472T4 6.154V5.039q0-.441.299-.74T5.039 4h13.923q.44 0 .739.299t.299.74v1.115q0 .671-.472 1.143t-1.144.472h-.846l-.669 1.72q-.186.459-.59.754t-.914.295z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.643 19.857q-.143-.143-.143-.357v-3q0-.213.143-.357T12 16t.357.143t.143.357v3q0 .214-.143.357T12 20t-.357-.143m7.766-3.14q-.14.14-.334.14t-.334-.14l-2.15-2.125q-.147-.146-.156-.344t.156-.363t.356-.166t.357.165l2.125 2.145q.14.14.134.341t-.153.347m-14.84-.019q-.14-.14-.14-.334t.14-.335l2.125-2.15q.146-.146.345-.156t.363.156t.165.357t-.165.356L5.26 16.717q-.14.14-.342.134t-.347-.153m2.952-8.929l.493 1.366q.076.192.23.298t.346.106h6.816q.192 0 .346-.106t.23-.298l.493-1.366zm1.07 2.77q-.516 0-.935-.292q-.42-.291-.6-.781l-.596-1.697h-.846q-.672 0-1.144-.472T4 6.154V5.039q0-.441.299-.74T5.039 4h13.923q.44 0 .739.299t.299.74v1.115q0 .671-.472 1.143t-1.144.472h-.846l-.669 1.72q-.186.459-.59.754t-.914.295z"/></svg>
</template>

CSS

.icon-detector-alarm-rounded {
  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%22M11.643%2019.857q-.143-.143-.143-.357v-3q0-.213.143-.357T12%2016t.357.143t.143.357v3q0%20.214-.143.357T12%2020t-.357-.143m7.766-3.14q-.14.14-.334.14t-.334-.14l-2.15-2.125q-.147-.146-.156-.344t.156-.363t.356-.166t.357.165l2.125%202.145q.14.14.134.341t-.153.347m-14.84-.019q-.14-.14-.14-.334t.14-.335l2.125-2.15q.146-.146.345-.156t.363.156t.165.357t-.165.356L5.26%2016.717q-.14.14-.342.134t-.347-.153m2.952-8.929l.493%201.366q.076.192.23.298t.346.106h6.816q.192%200%20.346-.106t.23-.298l.493-1.366zm1.07%202.77q-.516%200-.935-.292q-.42-.291-.6-.781l-.596-1.697h-.846q-.672%200-1.144-.472T4%206.154V5.039q0-.441.299-.74T5.039%204h13.923q.44%200%20.739.299t.299.74v1.115q0%20.671-.472%201.143t-1.144.472h-.846l-.669%201.72q-.186.459-.59.754t-.914.295z%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%22M11.643%2019.857q-.143-.143-.143-.357v-3q0-.213.143-.357T12%2016t.357.143t.143.357v3q0%20.214-.143.357T12%2020t-.357-.143m7.766-3.14q-.14.14-.334.14t-.334-.14l-2.15-2.125q-.147-.146-.156-.344t.156-.363t.356-.166t.357.165l2.125%202.145q.14.14.134.341t-.153.347m-14.84-.019q-.14-.14-.14-.334t.14-.335l2.125-2.15q.146-.146.345-.156t.363.156t.165.357t-.165.356L5.26%2016.717q-.14.14-.342.134t-.347-.153m2.952-8.929l.493%201.366q.076.192.23.298t.346.106h6.816q.192%200%20.346-.106t.23-.298l.493-1.366zm1.07%202.77q-.516%200-.935-.292q-.42-.291-.6-.781l-.596-1.697h-.846q-.672%200-1.144-.472T4%206.154V5.039q0-.441.299-.74T5.039%204h13.923q.44%200%20.739.299t.299.74v1.115q0%20.671-.472%201.143t-1.144.472h-.846l-.669%201.72q-.186.459-.59.754t-.914.295z%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-alarm-rounded.svg?color=%231a73e8&size=48