motion sensor icon

motion-sensor from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: motion-sensor
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: motion-detector

More home automation icons from Material Design Icons

Use the motion sensor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 .2C9 .2 8.2 1 8.2 2S9 3.8 10 3.8S11.8 3 11.8 2S11 .2 10 .2m5.67.8A7.33 7.33 0 0 0 23 8.33V7a6 6 0 0 1-6-6zm2.66 0c0 2.58 2.09 4.67 4.67 4.67V4.33c-1.84 0-3.33-1.49-3.33-3.33zM21 1a2 2 0 0 0 2 2V1zM7.92 4.03c-.17 0-.34.03-.5.08L2 5.8V11h1.8V7.33l2.11-.66L2 22h1.8l2.87-8.11L9 17v5h1.8v-6.41l-2.49-4.54l.73-2.87L10.12 10H15V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84"/></svg>

React

import type { SVGProps } from "react";

export function MdiMotionSensor(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 .2C9 .2 8.2 1 8.2 2S9 3.8 10 3.8S11.8 3 11.8 2S11 .2 10 .2m5.67.8A7.33 7.33 0 0 0 23 8.33V7a6 6 0 0 1-6-6zm2.66 0c0 2.58 2.09 4.67 4.67 4.67V4.33c-1.84 0-3.33-1.49-3.33-3.33zM21 1a2 2 0 0 0 2 2V1zM7.92 4.03c-.17 0-.34.03-.5.08L2 5.8V11h1.8V7.33l2.11-.66L2 22h1.8l2.87-8.11L9 17v5h1.8v-6.41l-2.49-4.54l.73-2.87L10.12 10H15V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84"/></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 .2C9 .2 8.2 1 8.2 2S9 3.8 10 3.8S11.8 3 11.8 2S11 .2 10 .2m5.67.8A7.33 7.33 0 0 0 23 8.33V7a6 6 0 0 1-6-6zm2.66 0c0 2.58 2.09 4.67 4.67 4.67V4.33c-1.84 0-3.33-1.49-3.33-3.33zM21 1a2 2 0 0 0 2 2V1zM7.92 4.03c-.17 0-.34.03-.5.08L2 5.8V11h1.8V7.33l2.11-.66L2 22h1.8l2.87-8.11L9 17v5h1.8v-6.41l-2.49-4.54l.73-2.87L10.12 10H15V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84"/></svg>
</template>

CSS

.icon-motion-sensor {
  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%20.2C9%20.2%208.2%201%208.2%202S9%203.8%2010%203.8S11.8%203%2011.8%202S11%20.2%2010%20.2m5.67.8A7.33%207.33%200%200%200%2023%208.33V7a6%206%200%200%201-6-6zm2.66%200c0%202.58%202.09%204.67%204.67%204.67V4.33c-1.84%200-3.33-1.49-3.33-3.33zM21%201a2%202%200%200%200%202%202V1zM7.92%204.03c-.17%200-.34.03-.5.08L2%205.8V11h1.8V7.33l2.11-.66L2%2022h1.8l2.87-8.11L9%2017v5h1.8v-6.41l-2.49-4.54l.73-2.87L10.12%2010H15V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84%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%20.2C9%20.2%208.2%201%208.2%202S9%203.8%2010%203.8S11.8%203%2011.8%202S11%20.2%2010%20.2m5.67.8A7.33%207.33%200%200%200%2023%208.33V7a6%206%200%200%201-6-6zm2.66%200c0%202.58%202.09%204.67%204.67%204.67V4.33c-1.84%200-3.33-1.49-3.33-3.33zM21%201a2%202%200%200%200%202%202V1zM7.92%204.03c-.17%200-.34.03-.5.08L2%205.8V11h1.8V7.33l2.11-.66L2%2022h1.8l2.87-8.11L9%2017v5h1.8v-6.41l-2.49-4.54l.73-2.87L10.12%2010H15V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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