smoke detector variant alert icon

smoke-detector-variant-alert from Material Design Icons by Pictogrammers · Filled · Alert / Error · Apache-2.0 Free for personal and commercial use.

Name
smoke-detector-variant-alert
Set
Material Design Icons
Style
Filled
Category
Alert / Error
Viewbox
24×24
License
Apache 2.0

More alert / error icons from Material Design Icons

airplane-alertalertalert-boxalert-circlealert-circle-checkalert-decagramalert-minusalert-octagonalert-octagramalert-plusalert-removealert-rhombusarchive-alertbattery-alertbattery-alert-bluetoothbattery-alert-variantbattery-charging-wireless-alertbeaker-alertbell-alertbook-alertboom-gate-alertbus-alertcalendar-alertcar-brake-alert

Use the smoke detector variant alert icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 4c4.4 0 8 3.6 8 8s-3.6 8-8 8s-8-3.6-8-8s3.6-8 8-8m0-2C4.5 2 0 6.5 0 12s4.5 10 10 10s10-4.5 10-10S15.5 2 10 2m0 9c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1s-.4-1-1-1M8.7 9.3c.4-.2.8-.3 1.3-.3s.9.1 1.3.3l.7-.7c-.6-.4-1.3-.6-2-.6s-1.4.2-2 .6zM13 12c0 .5-.1.9-.3 1.3l.7.7c.4-.6.6-1.3.6-2s-.2-1.4-.6-2l-.7.7c.2.4.3.8.3 1.3m-6 0c0-.5.1-.9.3-1.3l-.7-.7c-.4.6-.6 1.3-.6 2s.2 1.4.6 2l.7-.7c-.2-.4-.3-.8-.3-1.3m4.3 2.7c-.4.2-.8.3-1.3.3s-.9-.1-1.3-.3l-.7.7c.6.4 1.3.6 2 .6s1.4-.2 2-.6zm3.6-6.2l-.7.7c.5.8.8 1.8.8 2.8s-.3 2-.8 2.8l.7.7c.7-1 1.1-2.2 1.1-3.5s-.4-2.5-1.1-3.5m-7.7-.7C8 7.3 9 7 10 7s2 .3 2.8.8l.7-.7C12.5 6.4 11.3 6 10 6s-2.5.4-3.5 1.1zm5.6 8.4c-.8.5-1.8.8-2.8.8s-2-.3-2.8-.8l-.7.7c1 .7 2.2 1.1 3.5 1.1s2.5-.4 3.5-1.1zm-7-1.4C5.3 14 5 13 5 12s.3-2 .8-2.8l-.7-.7C4.4 9.5 4 10.7 4 12s.4 2.5 1.1 3.5zM24 7h-2v6h2V8m0 7h-2v2h2z"/></svg>

React

import type { SVGProps } from "react";

export function MdiSmokeDetectorVariantAlert(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 4c4.4 0 8 3.6 8 8s-3.6 8-8 8s-8-3.6-8-8s3.6-8 8-8m0-2C4.5 2 0 6.5 0 12s4.5 10 10 10s10-4.5 10-10S15.5 2 10 2m0 9c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1s-.4-1-1-1M8.7 9.3c.4-.2.8-.3 1.3-.3s.9.1 1.3.3l.7-.7c-.6-.4-1.3-.6-2-.6s-1.4.2-2 .6zM13 12c0 .5-.1.9-.3 1.3l.7.7c.4-.6.6-1.3.6-2s-.2-1.4-.6-2l-.7.7c.2.4.3.8.3 1.3m-6 0c0-.5.1-.9.3-1.3l-.7-.7c-.4.6-.6 1.3-.6 2s.2 1.4.6 2l.7-.7c-.2-.4-.3-.8-.3-1.3m4.3 2.7c-.4.2-.8.3-1.3.3s-.9-.1-1.3-.3l-.7.7c.6.4 1.3.6 2 .6s1.4-.2 2-.6zm3.6-6.2l-.7.7c.5.8.8 1.8.8 2.8s-.3 2-.8 2.8l.7.7c.7-1 1.1-2.2 1.1-3.5s-.4-2.5-1.1-3.5m-7.7-.7C8 7.3 9 7 10 7s2 .3 2.8.8l.7-.7C12.5 6.4 11.3 6 10 6s-2.5.4-3.5 1.1zm5.6 8.4c-.8.5-1.8.8-2.8.8s-2-.3-2.8-.8l-.7.7c1 .7 2.2 1.1 3.5 1.1s2.5-.4 3.5-1.1zm-7-1.4C5.3 14 5 13 5 12s.3-2 .8-2.8l-.7-.7C4.4 9.5 4 10.7 4 12s.4 2.5 1.1 3.5zM24 7h-2v6h2V8m0 7h-2v2h2z"/></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 4c4.4 0 8 3.6 8 8s-3.6 8-8 8s-8-3.6-8-8s3.6-8 8-8m0-2C4.5 2 0 6.5 0 12s4.5 10 10 10s10-4.5 10-10S15.5 2 10 2m0 9c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1s-.4-1-1-1M8.7 9.3c.4-.2.8-.3 1.3-.3s.9.1 1.3.3l.7-.7c-.6-.4-1.3-.6-2-.6s-1.4.2-2 .6zM13 12c0 .5-.1.9-.3 1.3l.7.7c.4-.6.6-1.3.6-2s-.2-1.4-.6-2l-.7.7c.2.4.3.8.3 1.3m-6 0c0-.5.1-.9.3-1.3l-.7-.7c-.4.6-.6 1.3-.6 2s.2 1.4.6 2l.7-.7c-.2-.4-.3-.8-.3-1.3m4.3 2.7c-.4.2-.8.3-1.3.3s-.9-.1-1.3-.3l-.7.7c.6.4 1.3.6 2 .6s1.4-.2 2-.6zm3.6-6.2l-.7.7c.5.8.8 1.8.8 2.8s-.3 2-.8 2.8l.7.7c.7-1 1.1-2.2 1.1-3.5s-.4-2.5-1.1-3.5m-7.7-.7C8 7.3 9 7 10 7s2 .3 2.8.8l.7-.7C12.5 6.4 11.3 6 10 6s-2.5.4-3.5 1.1zm5.6 8.4c-.8.5-1.8.8-2.8.8s-2-.3-2.8-.8l-.7.7c1 .7 2.2 1.1 3.5 1.1s2.5-.4 3.5-1.1zm-7-1.4C5.3 14 5 13 5 12s.3-2 .8-2.8l-.7-.7C4.4 9.5 4 10.7 4 12s.4 2.5 1.1 3.5zM24 7h-2v6h2V8m0 7h-2v2h2z"/></svg>
</template>

CSS

.icon-smoke-detector-variant-alert {
  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%204c4.4%200%208%203.6%208%208s-3.6%208-8%208s-8-3.6-8-8s3.6-8%208-8m0-2C4.5%202%200%206.5%200%2012s4.5%2010%2010%2010s10-4.5%2010-10S15.5%202%2010%202m0%209c-.6%200-1%20.4-1%201s.4%201%201%201s1-.4%201-1s-.4-1-1-1M8.7%209.3c.4-.2.8-.3%201.3-.3s.9.1%201.3.3l.7-.7c-.6-.4-1.3-.6-2-.6s-1.4.2-2%20.6zM13%2012c0%20.5-.1.9-.3%201.3l.7.7c.4-.6.6-1.3.6-2s-.2-1.4-.6-2l-.7.7c.2.4.3.8.3%201.3m-6%200c0-.5.1-.9.3-1.3l-.7-.7c-.4.6-.6%201.3-.6%202s.2%201.4.6%202l.7-.7c-.2-.4-.3-.8-.3-1.3m4.3%202.7c-.4.2-.8.3-1.3.3s-.9-.1-1.3-.3l-.7.7c.6.4%201.3.6%202%20.6s1.4-.2%202-.6zm3.6-6.2l-.7.7c.5.8.8%201.8.8%202.8s-.3%202-.8%202.8l.7.7c.7-1%201.1-2.2%201.1-3.5s-.4-2.5-1.1-3.5m-7.7-.7C8%207.3%209%207%2010%207s2%20.3%202.8.8l.7-.7C12.5%206.4%2011.3%206%2010%206s-2.5.4-3.5%201.1zm5.6%208.4c-.8.5-1.8.8-2.8.8s-2-.3-2.8-.8l-.7.7c1%20.7%202.2%201.1%203.5%201.1s2.5-.4%203.5-1.1zm-7-1.4C5.3%2014%205%2013%205%2012s.3-2%20.8-2.8l-.7-.7C4.4%209.5%204%2010.7%204%2012s.4%202.5%201.1%203.5zM24%207h-2v6h2V8m0%207h-2v2h2z%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%204c4.4%200%208%203.6%208%208s-3.6%208-8%208s-8-3.6-8-8s3.6-8%208-8m0-2C4.5%202%200%206.5%200%2012s4.5%2010%2010%2010s10-4.5%2010-10S15.5%202%2010%202m0%209c-.6%200-1%20.4-1%201s.4%201%201%201s1-.4%201-1s-.4-1-1-1M8.7%209.3c.4-.2.8-.3%201.3-.3s.9.1%201.3.3l.7-.7c-.6-.4-1.3-.6-2-.6s-1.4.2-2%20.6zM13%2012c0%20.5-.1.9-.3%201.3l.7.7c.4-.6.6-1.3.6-2s-.2-1.4-.6-2l-.7.7c.2.4.3.8.3%201.3m-6%200c0-.5.1-.9.3-1.3l-.7-.7c-.4.6-.6%201.3-.6%202s.2%201.4.6%202l.7-.7c-.2-.4-.3-.8-.3-1.3m4.3%202.7c-.4.2-.8.3-1.3.3s-.9-.1-1.3-.3l-.7.7c.6.4%201.3.6%202%20.6s1.4-.2%202-.6zm3.6-6.2l-.7.7c.5.8.8%201.8.8%202.8s-.3%202-.8%202.8l.7.7c.7-1%201.1-2.2%201.1-3.5s-.4-2.5-1.1-3.5m-7.7-.7C8%207.3%209%207%2010%207s2%20.3%202.8.8l.7-.7C12.5%206.4%2011.3%206%2010%206s-2.5.4-3.5%201.1zm5.6%208.4c-.8.5-1.8.8-2.8.8s-2-.3-2.8-.8l-.7.7c1%20.7%202.2%201.1%203.5%201.1s2.5-.4%203.5-1.1zm-7-1.4C5.3%2014%205%2013%205%2012s.3-2%20.8-2.8l-.7-.7C4.4%209.5%204%2010.7%204%2012s.4%202.5%201.1%203.5zM24%207h-2v6h2V8m0%207h-2v2h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/smoke-detector-variant-alert.svg?color=%231a73e8&size=48