Gentleface › Home & household › smoke-detector

smoke-detector icon

Smoke detector: smoke detector, smoke alarm, fire alarm, co detector. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.707 3.707C13.512 3.902 13.276 4 13 4L12 4L12 5C12 5.276 11.902 5.512 11.707 5.707C11.512 5.902 11.276 6 11 6L4 6C3.724 6 3.488 5.902 3.293 5.707C3.098 5.512 3 5.276 3 5L3 4L2 4C1.724 4 1.488 3.902 1.293 3.707C1.098 3.512 1 3.276 1 3L1 2C1 1.724 1.098 1.488 1.293 1.293C1.488 1.098 1.724 1 2 1L13 1C13.276 1 13.512 1.098 13.707 1.293C13.902 1.488 14 1.724 14 2L14 3C14 3.276 13.902 3.512 13.707 3.707ZM3 3C3.276 3 3.512 3.098 3.707 3.293C3.902 3.488 4 3.724 4 4L4 5L11 5L11 4C11 3.724 11.098 3.488 11.293 3.293C11.488 3.098 11.724 3 12 3L13 3L13 2L2 2L2 3L3 3ZM5.968 12.75C5.968 12.295 6.084 11.872 6.315 11.48C6.546 11.089 6.86 10.783 7.258 10.563C7.497 10.43 7.685 10.247 7.824 10.012C7.962 9.777 8.032 9.523 8.032 9.25C8.032 8.977 7.962 8.723 7.824 8.488C7.685 8.253 7.497 8.07 7.258 7.937C7.135 7.869 7.054 7.77 7.017 7.639C6.979 7.508 6.994 7.381 7.063 7.258C7.131 7.135 7.23 7.054 7.361 7.017C7.492 6.979 7.619 6.994 7.742 7.062C8.14 7.283 8.454 7.589 8.685 7.98C8.916 8.372 9.032 8.795 9.032 9.25C9.032 9.705 8.916 10.128 8.685 10.52C8.454 10.911 8.14 11.217 7.742 11.438C7.503 11.57 7.315 11.753 7.176 11.988C7.038 12.223 6.968 12.477 6.968 12.75C6.968 13.023 7.038 13.277 7.176 13.512C7.315 13.747 7.503 13.93 7.742 14.063C7.863 14.129 7.942 14.229 7.981 14.362C8.019 14.495 8.004 14.621 7.937 14.742C7.871 14.863 7.771 14.942 7.638 14.981C7.506 15.019 7.379 15.004 7.258 14.938C6.86 14.717 6.546 14.411 6.315 14.02C6.084 13.628 5.968 13.205 5.968 12.75ZM11.258 14.937C10.86 14.717 10.546 14.411 10.315 14.02C10.084 13.628 9.968 13.205 9.968 12.75C9.968 12.295 10.084 11.872 10.315 11.48C10.546 11.089 10.86 10.783 11.258 10.563C11.497 10.43 11.685 10.247 11.824 10.012C11.962 9.777 12.032 9.523 12.032 9.25C12.032 8.977 11.962 8.723 11.824 8.488C11.685 8.253 11.497 8.07 11.258 7.938C11.137 7.871 11.058 7.771 11.019 7.638C10.981 7.506 10.996 7.379 11.063 7.258C11.129 7.137 11.229 7.058 11.362 7.019C11.494 6.981 11.621 6.996 11.742 7.063C12.14 7.283 12.454 7.589 12.685 7.98C12.916 8.372 13.032 8.795 13.032 9.25C13.032 9.705 12.916 10.128 12.685 10.52C12.454 10.911 12.14 11.217 11.742 11.438C11.503 11.57 11.315 11.753 11.176 11.988C11.038 12.223 10.968 12.477 10.968 12.75C10.968 13.023 11.038 13.277 11.176 13.512C11.315 13.747 11.503 13.93 11.742 14.063C11.865 14.131 11.946 14.23 11.983 14.361C12.021 14.492 12.006 14.619 11.937 14.742C11.869 14.865 11.77 14.946 11.639 14.983C11.508 15.021 11.381 15.006 11.258 14.937ZM3.258 14.937C2.86 14.717 2.546 14.411 2.315 14.02C2.084 13.628 1.968 13.205 1.968 12.75C1.968 12.295 2.084 11.872 2.315 11.48C2.546 11.089 2.86 10.783 3.258 10.563C3.497 10.43 3.685 10.247 3.824 10.012C3.962 9.777 4.032 9.523 4.032 9.25C4.032 8.977 3.962 8.723 3.824 8.488C3.685 8.253 3.497 8.07 3.258 7.937C3.135 7.869 3.054 7.77 3.017 7.639C2.979 7.508 2.994 7.381 3.063 7.258C3.129 7.137 3.229 7.058 3.362 7.019C3.494 6.981 3.621 6.996 3.742 7.063C4.14 7.283 4.454 7.589 4.685 7.98C4.916 8.372 5.032 8.795 5.032 9.25C5.032 9.705 4.916 10.128 4.685 10.52C4.454 10.911 4.14 11.217 3.742 11.438C3.503 11.57 3.315 11.753 3.176 11.988C3.038 12.223 2.968 12.477 2.968 12.75C2.968 13.023 3.038 13.277 3.176 13.512C3.315 13.747 3.503 13.93 3.742 14.063C3.863 14.129 3.942 14.229 3.981 14.362C4.019 14.494 4.004 14.621 3.938 14.742C3.871 14.863 3.771 14.942 3.638 14.981C3.506 15.019 3.379 15.004 3.258 14.937Z"/></svg>

React

// Gentleface "smoke-detector" (line-round), MIT. https://gentleface.com/icons/smoke-detector
import type { SVGProps } from 'react';

export function SmokeDetectorIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M13.707 3.707C13.512 3.902 13.276 4 13 4L12 4L12 5C12 5.276 11.902 5.512 11.707 5.707C11.512 5.902 11.276 6 11 6L4 6C3.724 6 3.488 5.902 3.293 5.707C3.098 5.512 3 5.276 3 5L3 4L2 4C1.724 4 1.488 3.902 1.293 3.707C1.098 3.512 1 3.276 1 3L1 2C1 1.724 1.098 1.488 1.293 1.293C1.488 1.098 1.724 1 2 1L13 1C13.276 1 13.512 1.098 13.707 1.293C13.902 1.488 14 1.724 14 2L14 3C14 3.276 13.902 3.512 13.707 3.707ZM3 3C3.276 3 3.512 3.098 3.707 3.293C3.902 3.488 4 3.724 4 4L4 5L11 5L11 4C11 3.724 11.098 3.488 11.293 3.293C11.488 3.098 11.724 3 12 3L13 3L13 2L2 2L2 3L3 3ZM5.968 12.75C5.968 12.295 6.084 11.872 6.315 11.48C6.546 11.089 6.86 10.783 7.258 10.563C7.497 10.43 7.685 10.247 7.824 10.012C7.962 9.777 8.032 9.523 8.032 9.25C8.032 8.977 7.962 8.723 7.824 8.488C7.685 8.253 7.497 8.07 7.258 7.937C7.135 7.869 7.054 7.77 7.017 7.639C6.979 7.508 6.994 7.381 7.063 7.258C7.131 7.135 7.23 7.054 7.361 7.017C7.492 6.979 7.619 6.994 7.742 7.062C8.14 7.283 8.454 7.589 8.685 7.98C8.916 8.372 9.032 8.795 9.032 9.25C9.032 9.705 8.916 10.128 8.685 10.52C8.454 10.911 8.14 11.217 7.742 11.438C7.503 11.57 7.315 11.753 7.176 11.988C7.038 12.223 6.968 12.477 6.968 12.75C6.968 13.023 7.038 13.277 7.176 13.512C7.315 13.747 7.503 13.93 7.742 14.063C7.863 14.129 7.942 14.229 7.981 14.362C8.019 14.495 8.004 14.621 7.937 14.742C7.871 14.863 7.771 14.942 7.638 14.981C7.506 15.019 7.379 15.004 7.258 14.938C6.86 14.717 6.546 14.411 6.315 14.02C6.084 13.628 5.968 13.205 5.968 12.75ZM11.258 14.937C10.86 14.717 10.546 14.411 10.315 14.02C10.084 13.628 9.968 13.205 9.968 12.75C9.968 12.295 10.084 11.872 10.315 11.48C10.546 11.089 10.86 10.783 11.258 10.563C11.497 10.43 11.685 10.247 11.824 10.012C11.962 9.777 12.032 9.523 12.032 9.25C12.032 8.977 11.962 8.723 11.824 8.488C11.685 8.253 11.497 8.07 11.258 7.938C11.137 7.871 11.058 7.771 11.019 7.638C10.981 7.506 10.996 7.379 11.063 7.258C11.129 7.137 11.229 7.058 11.362 7.019C11.494 6.981 11.621 6.996 11.742 7.063C12.14 7.283 12.454 7.589 12.685 7.98C12.916 8.372 13.032 8.795 13.032 9.25C13.032 9.705 12.916 10.128 12.685 10.52C12.454 10.911 12.14 11.217 11.742 11.438C11.503 11.57 11.315 11.753 11.176 11.988C11.038 12.223 10.968 12.477 10.968 12.75C10.968 13.023 11.038 13.277 11.176 13.512C11.315 13.747 11.503 13.93 11.742 14.063C11.865 14.131 11.946 14.23 11.983 14.361C12.021 14.492 12.006 14.619 11.937 14.742C11.869 14.865 11.77 14.946 11.639 14.983C11.508 15.021 11.381 15.006 11.258 14.937ZM3.258 14.937C2.86 14.717 2.546 14.411 2.315 14.02C2.084 13.628 1.968 13.205 1.968 12.75C1.968 12.295 2.084 11.872 2.315 11.48C2.546 11.089 2.86 10.783 3.258 10.563C3.497 10.43 3.685 10.247 3.824 10.012C3.962 9.777 4.032 9.523 4.032 9.25C4.032 8.977 3.962 8.723 3.824 8.488C3.685 8.253 3.497 8.07 3.258 7.937C3.135 7.869 3.054 7.77 3.017 7.639C2.979 7.508 2.994 7.381 3.063 7.258C3.129 7.137 3.229 7.058 3.362 7.019C3.494 6.981 3.621 6.996 3.742 7.063C4.14 7.283 4.454 7.589 4.685 7.98C4.916 8.372 5.032 8.795 5.032 9.25C5.032 9.705 4.916 10.128 4.685 10.52C4.454 10.911 4.14 11.217 3.742 11.438C3.503 11.57 3.315 11.753 3.176 11.988C3.038 12.223 2.968 12.477 2.968 12.75C2.968 13.023 3.038 13.277 3.176 13.512C3.315 13.747 3.503 13.93 3.742 14.063C3.863 14.129 3.942 14.229 3.981 14.362C4.019 14.494 4.004 14.621 3.938 14.742C3.871 14.863 3.771 14.942 3.638 14.981C3.506 15.019 3.379 15.004 3.258 14.937Z" />
    </svg>
  );
}

Vue

Vue: see /icons/smoke-detector.md

Svelte

Svelte: see /icons/smoke-detector.md

HTML img

HTML img: see /icons/smoke-detector.md

CSS

CSS: see /icons/smoke-detector.md

Data URL

Data URL: see /icons/smoke-detector.md

Sprite

Sprite: see /icons/smoke-detector.md

SwiftUI

SwiftUI: see /icons/smoke-detector.md

Compose

Compose: see /icons/smoke-detector.md

Android XML

Android XML: see /icons/smoke-detector.md

Flutter

Flutter: see /icons/smoke-detector.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { SmokeDetectorIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

smoke detector, smoke alarm, fire alarm, co detector, carbon monoxide detector

Alternatives

fire-extinguisher: fire safety equipment
siren: an alarm going off, or an incident

Also fits

fire extinguisher: a smoke or fire alarm

Tags

smoke-detector, smoke-alarm, fire-alarm, smoke, detector, alarm, fire, sensor, safety, smart-home

Category

Home & household

Component name

SmokeDetectorIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More home & household icons

armchair bath bed bed-double bed-person bed-single blender blinds broom bucket candle chair desk dishwasher door door-lock · all home & household icons

For agents

Metadata: /icons/smoke-detector.json · Markdown: /icons/smoke-detector.md · SVG: https://gentleface.com/svg/{style}/16/smoke-detector.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/smoke-detector.png

smoke-detector icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More home & household icons

For agents

smoke-detector icon