# smoke-detector icon Smoke detector. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/smoke-detector - Category: Home & household - Use it for: smoke detector, smoke alarm, fire alarm, co detector, carbon monoxide detector - Tags: smoke-detector, smoke-alarm, fire-alarm, smoke, detector, alarm, fire, sensor, safety, smart-home - Component name: SmokeDetectorIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { SmokeDetectorIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Alternatives - `fire-extinguisher`: fire safety equipment - `siren`: an alarm going off, or an incident ## Also fits - fire extinguisher: a smoke or fire alarm ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/smoke-detector.svg · PNG https://gentleface.com/png/line-round/16/smoke-detector.png · https://gentleface.com/png/line-round/32/smoke-detector.png · https://gentleface.com/png/line-round/48/smoke-detector.png - line-soft: https://gentleface.com/svg/line-soft/16/smoke-detector.svg · PNG https://gentleface.com/png/line-soft/16/smoke-detector.png · https://gentleface.com/png/line-soft/32/smoke-detector.png · https://gentleface.com/png/line-soft/48/smoke-detector.png - line-sharp: https://gentleface.com/svg/line-sharp/16/smoke-detector.svg · PNG https://gentleface.com/png/line-sharp/16/smoke-detector.png · https://gentleface.com/png/line-sharp/32/smoke-detector.png · https://gentleface.com/png/line-sharp/48/smoke-detector.png - solid-round: https://gentleface.com/svg/solid-round/16/smoke-detector.svg · PNG https://gentleface.com/png/solid-round/16/smoke-detector.png · https://gentleface.com/png/solid-round/32/smoke-detector.png · https://gentleface.com/png/solid-round/48/smoke-detector.png - solid-soft: https://gentleface.com/svg/solid-soft/16/smoke-detector.svg · PNG https://gentleface.com/png/solid-soft/16/smoke-detector.png · https://gentleface.com/png/solid-soft/32/smoke-detector.png · https://gentleface.com/png/solid-soft/48/smoke-detector.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/smoke-detector.svg · PNG https://gentleface.com/png/solid-sharp/16/smoke-detector.png · https://gentleface.com/png/solid-sharp/32/smoke-detector.png · https://gentleface.com/png/solid-sharp/48/smoke-detector.png The SVG of every style: https://gentleface.com/icons/smoke-detector.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "smoke-detector" (line-round), MIT. https://gentleface.com/icons/smoke-detector import type { SVGProps } from 'react'; export function SmokeDetectorIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "smoke-detector" (line-round), MIT. https://gentleface.com/icons/smoke-detector. Takes the text color. */ .icon-smoke-detector { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "smoke-detector" (line-round), MIT. https://gentleface.com/icons/smoke-detector import SwiftUI struct SmokeDetectorIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 13.707, y: 3.707)) p.addCurve(to: CGPoint(x: 13, y: 4), control1: CGPoint(x: 13.512, y: 3.902), control2: CGPoint(x: 13.276, y: 4)) p.addLine(to: CGPoint(x: 12, y: 4)) p.addLine(to: CGPoint(x: 12, y: 5)) p.addCurve(to: CGPoint(x: 11.707, y: 5.707), control1: CGPoint(x: 12, y: 5.276), control2: CGPoint(x: 11.902, y: 5.512)) p.addCurve(to: CGPoint(x: 11, y: 6), control1: CGPoint(x: 11.512, y: 5.902), control2: CGPoint(x: 11.276, y: 6)) p.addLine(to: CGPoint(x: 4, y: 6)) p.addCurve(to: CGPoint(x: 3.293, y: 5.707), control1: CGPoint(x: 3.724, y: 6), control2: CGPoint(x: 3.488, y: 5.902)) p.addCurve(to: CGPoint(x: 3, y: 5), control1: CGPoint(x: 3.098, y: 5.512), control2: CGPoint(x: 3, y: 5.276)) p.addLine(to: CGPoint(x: 3, y: 4)) p.addLine(to: CGPoint(x: 2, y: 4)) p.addCurve(to: CGPoint(x: 1.293, y: 3.707), control1: CGPoint(x: 1.724, y: 4), control2: CGPoint(x: 1.488, y: 3.902)) p.addCurve(to: CGPoint(x: 1, y: 3), control1: CGPoint(x: 1.098, y: 3.512), control2: CGPoint(x: 1, y: 3.276)) p.addLine(to: CGPoint(x: 1, y: 2)) p.addCurve(to: CGPoint(x: 1.293, y: 1.293), control1: CGPoint(x: 1, y: 1.724), control2: CGPoint(x: 1.098, y: 1.488)) p.addCurve(to: CGPoint(x: 2, y: 1), control1: CGPoint(x: 1.488, y: 1.098), control2: CGPoint(x: 1.724, y: 1)) p.addLine(to: CGPoint(x: 13, y: 1)) p.addCurve(to: CGPoint(x: 13.707, y: 1.293), control1: CGPoint(x: 13.276, y: 1), control2: CGPoint(x: 13.512, y: 1.098)) p.addCurve(to: CGPoint(x: 14, y: 2), control1: CGPoint(x: 13.902, y: 1.488), control2: CGPoint(x: 14, y: 1.724)) p.addLine(to: CGPoint(x: 14, y: 3)) p.addCurve(to: CGPoint(x: 13.707, y: 3.707), control1: CGPoint(x: 14, y: 3.276), control2: CGPoint(x: 13.902, y: 3.512)) p.closeSubpath() p.move(to: CGPoint(x: 3, y: 3)) p.addCurve(to: CGPoint(x: 3.707, y: 3.293), control1: CGPoint(x: 3.276, y: 3), control2: CGPoint(x: 3.512, y: 3.098)) p.addCurve(to: CGPoint(x: 4, y: 4), control1: CGPoint(x: 3.902, y: 3.488), control2: CGPoint(x: 4, y: 3.724)) p.addLine(to: CGPoint(x: 4, y: 5)) p.addLine(to: CGPoint(x: 11, y: 5)) p.addLine(to: CGPoint(x: 11, y: 4)) p.addCurve(to: CGPoint(x: 11.293, y: 3.293), control1: CGPoint(x: 11, y: 3.724), control2: CGPoint(x: 11.098, y: 3.488)) p.addCurve(to: CGPoint(x: 12, y: 3), control1: CGPoint(x: 11.488, y: 3.098), control2: CGPoint(x: 11.724, y: 3)) p.addLine(to: CGPoint(x: 13, y: 3)) p.addLine(to: CGPoint(x: 13, y: 2)) p.addLine(to: CGPoint(x: 2, y: 2)) p.addLine(to: CGPoint(x: 2, y: 3)) p.addLine(to: CGPoint(x: 3, y: 3)) p.closeSubpath() p.move(to: CGPoint(x: 5.968, y: 12.75)) p.addCurve(to: CGPoint(x: 6.315, y: 11.48), control1: CGPoint(x: 5.968, y: 12.295), control2: CGPoint(x: 6.084, y: 11.872)) p.addCurve(to: CGPoint(x: 7.258, y: 10.563), control1: CGPoint(x: 6.546, y: 11.089), control2: CGPoint(x: 6.86, y: 10.783)) p.addCurve(to: CGPoint(x: 7.824, y: 10.012), control1: CGPoint(x: 7.497, y: 10.43), control2: CGPoint(x: 7.685, y: 10.247)) p.addCurve(to: CGPoint(x: 8.032, y: 9.25), control1: CGPoint(x: 7.962, y: 9.777), control2: CGPoint(x: 8.032, y: 9.523)) p.addCurve(to: CGPoint(x: 7.824, y: 8.488), control1: CGPoint(x: 8.032, y: 8.977), control2: CGPoint(x: 7.962, y: 8.723)) p.addCurve(to: CGPoint(x: 7.258, y: 7.937), control1: CGPoint(x: 7.685, y: 8.253), control2: CGPoint(x: 7.497, y: 8.07)) p.addCurve(to: CGPoint(x: 7.017, y: 7.639), control1: CGPoint(x: 7.135, y: 7.869), control2: CGPoint(x: 7.054, y: 7.77)) p.addCurve(to: CGPoint(x: 7.063, y: 7.258), control1: CGPoint(x: 6.979, y: 7.508), control2: CGPoint(x: 6.994, y: 7.381)) p.addCurve(to: CGPoint(x: 7.361, y: 7.017), control1: CGPoint(x: 7.131, y: 7.135), control2: CGPoint(x: 7.23, y: 7.054)) p.addCurve(to: CGPoint(x: 7.742, y: 7.062), control1: CGPoint(x: 7.492, y: 6.979), control2: CGPoint(x: 7.619, y: 6.994)) p.addCurve(to: CGPoint(x: 8.685, y: 7.98), control1: CGPoint(x: 8.14, y: 7.283), control2: CGPoint(x: 8.454, y: 7.589)) p.addCurve(to: CGPoint(x: 9.032, y: 9.25), control1: CGPoint(x: 8.916, y: 8.372), control2: CGPoint(x: 9.032, y: 8.795)) p.addCurve(to: CGPoint(x: 8.685, y: 10.52), control1: CGPoint(x: 9.032, y: 9.705), control2: CGPoint(x: 8.916, y: 10.128)) p.addCurve(to: CGPoint(x: 7.742, y: 11.438), control1: CGPoint(x: 8.454, y: 10.911), control2: CGPoint(x: 8.14, y: 11.217)) p.addCurve(to: CGPoint(x: 7.176, y: 11.988), control1: CGPoint(x: 7.503, y: 11.57), control2: CGPoint(x: 7.315, y: 11.753)) p.addCurve(to: CGPoint(x: 6.968, y: 12.75), control1: CGPoint(x: 7.038, y: 12.223), control2: CGPoint(x: 6.968, y: 12.477)) p.addCurve(to: CGPoint(x: 7.176, y: 13.512), control1: CGPoint(x: 6.968, y: 13.023), control2: CGPoint(x: 7.038, y: 13.277)) p.addCurve(to: CGPoint(x: 7.742, y: 14.063), control1: CGPoint(x: 7.315, y: 13.747), control2: CGPoint(x: 7.503, y: 13.93)) p.addCurve(to: CGPoint(x: 7.981, y: 14.362), control1: CGPoint(x: 7.863, y: 14.129), control2: CGPoint(x: 7.942, y: 14.229)) p.addCurve(to: CGPoint(x: 7.937, y: 14.742), control1: CGPoint(x: 8.019, y: 14.495), control2: CGPoint(x: 8.004, y: 14.621)) p.addCurve(to: CGPoint(x: 7.638, y: 14.981), control1: CGPoint(x: 7.871, y: 14.863), control2: CGPoint(x: 7.771, y: 14.942)) p.addCurve(to: CGPoint(x: 7.258, y: 14.938), control1: CGPoint(x: 7.506, y: 15.019), control2: CGPoint(x: 7.379, y: 15.004)) p.addCurve(to: CGPoint(x: 6.315, y: 14.02), control1: CGPoint(x: 6.86, y: 14.717), control2: CGPoint(x: 6.546, y: 14.411)) p.addCurve(to: CGPoint(x: 5.968, y: 12.75), control1: CGPoint(x: 6.084, y: 13.628), control2: CGPoint(x: 5.968, y: 13.205)) p.closeSubpath() p.move(to: CGPoint(x: 11.258, y: 14.937)) p.addCurve(to: CGPoint(x: 10.315, y: 14.02), control1: CGPoint(x: 10.86, y: 14.717), control2: CGPoint(x: 10.546, y: 14.411)) p.addCurve(to: CGPoint(x: 9.968, y: 12.75), control1: CGPoint(x: 10.084, y: 13.628), control2: CGPoint(x: 9.968, y: 13.205)) p.addCurve(to: CGPoint(x: 10.315, y: 11.48), control1: CGPoint(x: 9.968, y: 12.295), control2: CGPoint(x: 10.084, y: 11.872)) p.addCurve(to: CGPoint(x: 11.258, y: 10.563), control1: CGPoint(x: 10.546, y: 11.089), control2: CGPoint(x: 10.86, y: 10.783)) p.addCurve(to: CGPoint(x: 11.824, y: 10.012), control1: CGPoint(x: 11.497, y: 10.43), control2: CGPoint(x: 11.685, y: 10.247)) p.addCurve(to: CGPoint(x: 12.032, y: 9.25), control1: CGPoint(x: 11.962, y: 9.777), control2: CGPoint(x: 12.032, y: 9.523)) p.addCurve(to: CGPoint(x: 11.824, y: 8.488), control1: CGPoint(x: 12.032, y: 8.977), control2: CGPoint(x: 11.962, y: 8.723)) p.addCurve(to: CGPoint(x: 11.258, y: 7.938), control1: CGPoint(x: 11.685, y: 8.253), control2: CGPoint(x: 11.497, y: 8.07)) p.addCurve(to: CGPoint(x: 11.019, y: 7.638), control1: CGPoint(x: 11.137, y: 7.871), control2: CGPoint(x: 11.058, y: 7.771)) p.addCurve(to: CGPoint(x: 11.063, y: 7.258), control1: CGPoint(x: 10.981, y: 7.506), control2: CGPoint(x: 10.996, y: 7.379)) p.addCurve(to: CGPoint(x: 11.362, y: 7.019), control1: CGPoint(x: 11.129, y: 7.137), control2: CGPoint(x: 11.229, y: 7.058)) p.addCurve(to: CGPoint(x: 11.742, y: 7.063), control1: CGPoint(x: 11.494, y: 6.981), control2: CGPoint(x: 11.621, y: 6.996)) p.addCurve(to: CGPoint(x: 12.685, y: 7.98), control1: CGPoint(x: 12.14, y: 7.283), control2: CGPoint(x: 12.454, y: 7.589)) p.addCurve(to: CGPoint(x: 13.032, y: 9.25), control1: CGPoint(x: 12.916, y: 8.372), control2: CGPoint(x: 13.032, y: 8.795)) p.addCurve(to: CGPoint(x: 12.685, y: 10.52), control1: CGPoint(x: 13.032, y: 9.705), control2: CGPoint(x: 12.916, y: 10.128)) p.addCurve(to: CGPoint(x: 11.742, y: 11.438), control1: CGPoint(x: 12.454, y: 10.911), control2: CGPoint(x: 12.14, y: 11.217)) p.addCurve(to: CGPoint(x: 11.176, y: 11.988), control1: CGPoint(x: 11.503, y: 11.57), control2: CGPoint(x: 11.315, y: 11.753)) p.addCurve(to: CGPoint(x: 10.968, y: 12.75), control1: CGPoint(x: 11.038, y: 12.223), control2: CGPoint(x: 10.968, y: 12.477)) p.addCurve(to: CGPoint(x: 11.176, y: 13.512), control1: CGPoint(x: 10.968, y: 13.023), control2: CGPoint(x: 11.038, y: 13.277)) p.addCurve(to: CGPoint(x: 11.742, y: 14.063), control1: CGPoint(x: 11.315, y: 13.747), control2: CGPoint(x: 11.503, y: 13.93)) p.addCurve(to: CGPoint(x: 11.983, y: 14.361), control1: CGPoint(x: 11.865, y: 14.131), control2: CGPoint(x: 11.946, y: 14.23)) p.addCurve(to: CGPoint(x: 11.937, y: 14.742), control1: CGPoint(x: 12.021, y: 14.492), control2: CGPoint(x: 12.006, y: 14.619)) p.addCurve(to: CGPoint(x: 11.639, y: 14.983), control1: CGPoint(x: 11.869, y: 14.865), control2: CGPoint(x: 11.77, y: 14.946)) p.addCurve(to: CGPoint(x: 11.258, y: 14.937), control1: CGPoint(x: 11.508, y: 15.021), control2: CGPoint(x: 11.381, y: 15.006)) p.closeSubpath() p.move(to: CGPoint(x: 3.258, y: 14.937)) p.addCurve(to: CGPoint(x: 2.315, y: 14.02), control1: CGPoint(x: 2.86, y: 14.717), control2: CGPoint(x: 2.546, y: 14.411)) p.addCurve(to: CGPoint(x: 1.968, y: 12.75), control1: CGPoint(x: 2.084, y: 13.628), control2: CGPoint(x: 1.968, y: 13.205)) p.addCurve(to: CGPoint(x: 2.315, y: 11.48), control1: CGPoint(x: 1.968, y: 12.295), control2: CGPoint(x: 2.084, y: 11.872)) p.addCurve(to: CGPoint(x: 3.258, y: 10.563), control1: CGPoint(x: 2.546, y: 11.089), control2: CGPoint(x: 2.86, y: 10.783)) p.addCurve(to: CGPoint(x: 3.824, y: 10.012), control1: CGPoint(x: 3.497, y: 10.43), control2: CGPoint(x: 3.685, y: 10.247)) p.addCurve(to: CGPoint(x: 4.032, y: 9.25), control1: CGPoint(x: 3.962, y: 9.777), control2: CGPoint(x: 4.032, y: 9.523)) p.addCurve(to: CGPoint(x: 3.824, y: 8.488), control1: CGPoint(x: 4.032, y: 8.977), control2: CGPoint(x: 3.962, y: 8.723)) p.addCurve(to: CGPoint(x: 3.258, y: 7.937), control1: CGPoint(x: 3.685, y: 8.253), control2: CGPoint(x: 3.497, y: 8.07)) p.addCurve(to: CGPoint(x: 3.017, y: 7.639), control1: CGPoint(x: 3.135, y: 7.869), control2: CGPoint(x: 3.054, y: 7.77)) p.addCurve(to: CGPoint(x: 3.063, y: 7.258), control1: CGPoint(x: 2.979, y: 7.508), control2: CGPoint(x: 2.994, y: 7.381)) p.addCurve(to: CGPoint(x: 3.362, y: 7.019), control1: CGPoint(x: 3.129, y: 7.137), control2: CGPoint(x: 3.229, y: 7.058)) p.addCurve(to: CGPoint(x: 3.742, y: 7.063), control1: CGPoint(x: 3.494, y: 6.981), control2: CGPoint(x: 3.621, y: 6.996)) p.addCurve(to: CGPoint(x: 4.685, y: 7.98), control1: CGPoint(x: 4.14, y: 7.283), control2: CGPoint(x: 4.454, y: 7.589)) p.addCurve(to: CGPoint(x: 5.032, y: 9.25), control1: CGPoint(x: 4.916, y: 8.372), control2: CGPoint(x: 5.032, y: 8.795)) p.addCurve(to: CGPoint(x: 4.685, y: 10.52), control1: CGPoint(x: 5.032, y: 9.705), control2: CGPoint(x: 4.916, y: 10.128)) p.addCurve(to: CGPoint(x: 3.742, y: 11.438), control1: CGPoint(x: 4.454, y: 10.911), control2: CGPoint(x: 4.14, y: 11.217)) p.addCurve(to: CGPoint(x: 3.176, y: 11.988), control1: CGPoint(x: 3.503, y: 11.57), control2: CGPoint(x: 3.315, y: 11.753)) p.addCurve(to: CGPoint(x: 2.968, y: 12.75), control1: CGPoint(x: 3.038, y: 12.223), control2: CGPoint(x: 2.968, y: 12.477)) p.addCurve(to: CGPoint(x: 3.176, y: 13.512), control1: CGPoint(x: 2.968, y: 13.023), control2: CGPoint(x: 3.038, y: 13.277)) p.addCurve(to: CGPoint(x: 3.742, y: 14.063), control1: CGPoint(x: 3.315, y: 13.747), control2: CGPoint(x: 3.503, y: 13.93)) p.addCurve(to: CGPoint(x: 3.981, y: 14.362), control1: CGPoint(x: 3.863, y: 14.129), control2: CGPoint(x: 3.942, y: 14.229)) p.addCurve(to: CGPoint(x: 3.938, y: 14.742), control1: CGPoint(x: 4.019, y: 14.494), control2: CGPoint(x: 4.004, y: 14.621)) p.addCurve(to: CGPoint(x: 3.638, y: 14.981), control1: CGPoint(x: 3.871, y: 14.863), control2: CGPoint(x: 3.771, y: 14.942)) p.addCurve(to: CGPoint(x: 3.258, y: 14.937), control1: CGPoint(x: 3.506, y: 15.019), control2: CGPoint(x: 3.379, y: 15.004)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // SmokeDetectorIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "smoke-detector" (line-round), MIT. https://gentleface.com/icons/smoke-detector import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val SmokeDetectorIcon: ImageVector by lazy { ImageVector.Builder( name = "smoke-detector", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(SmokeDetectorIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "smoke-detector" (line-round), MIT. https://gentleface.com/icons/smoke-detector import 'package:flutter/widgets.dart'; class SmokeDetectorIcon extends StatelessWidget { const SmokeDetectorIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _SmokeDetectorIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _SmokeDetectorIconPainter extends CustomPainter { _SmokeDetectorIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(13.707, 3.707) ..cubicTo(13.512, 3.902, 13.276, 4, 13, 4) ..lineTo(12, 4) ..lineTo(12, 5) ..cubicTo(12, 5.276, 11.902, 5.512, 11.707, 5.707) ..cubicTo(11.512, 5.902, 11.276, 6, 11, 6) ..lineTo(4, 6) ..cubicTo(3.724, 6, 3.488, 5.902, 3.293, 5.707) ..cubicTo(3.098, 5.512, 3, 5.276, 3, 5) ..lineTo(3, 4) ..lineTo(2, 4) ..cubicTo(1.724, 4, 1.488, 3.902, 1.293, 3.707) ..cubicTo(1.098, 3.512, 1, 3.276, 1, 3) ..lineTo(1, 2) ..cubicTo(1, 1.724, 1.098, 1.488, 1.293, 1.293) ..cubicTo(1.488, 1.098, 1.724, 1, 2, 1) ..lineTo(13, 1) ..cubicTo(13.276, 1, 13.512, 1.098, 13.707, 1.293) ..cubicTo(13.902, 1.488, 14, 1.724, 14, 2) ..lineTo(14, 3) ..cubicTo(14, 3.276, 13.902, 3.512, 13.707, 3.707) ..close() ..moveTo(3, 3) ..cubicTo(3.276, 3, 3.512, 3.098, 3.707, 3.293) ..cubicTo(3.902, 3.488, 4, 3.724, 4, 4) ..lineTo(4, 5) ..lineTo(11, 5) ..lineTo(11, 4) ..cubicTo(11, 3.724, 11.098, 3.488, 11.293, 3.293) ..cubicTo(11.488, 3.098, 11.724, 3, 12, 3) ..lineTo(13, 3) ..lineTo(13, 2) ..lineTo(2, 2) ..lineTo(2, 3) ..lineTo(3, 3) ..close() ..moveTo(5.968, 12.75) ..cubicTo(5.968, 12.295, 6.084, 11.872, 6.315, 11.48) ..cubicTo(6.546, 11.089, 6.86, 10.783, 7.258, 10.563) ..cubicTo(7.497, 10.43, 7.685, 10.247, 7.824, 10.012) ..cubicTo(7.962, 9.777, 8.032, 9.523, 8.032, 9.25) ..cubicTo(8.032, 8.977, 7.962, 8.723, 7.824, 8.488) ..cubicTo(7.685, 8.253, 7.497, 8.07, 7.258, 7.937) ..cubicTo(7.135, 7.869, 7.054, 7.77, 7.017, 7.639) ..cubicTo(6.979, 7.508, 6.994, 7.381, 7.063, 7.258) ..cubicTo(7.131, 7.135, 7.23, 7.054, 7.361, 7.017) ..cubicTo(7.492, 6.979, 7.619, 6.994, 7.742, 7.062) ..cubicTo(8.14, 7.283, 8.454, 7.589, 8.685, 7.98) ..cubicTo(8.916, 8.372, 9.032, 8.795, 9.032, 9.25) ..cubicTo(9.032, 9.705, 8.916, 10.128, 8.685, 10.52) ..cubicTo(8.454, 10.911, 8.14, 11.217, 7.742, 11.438) ..cubicTo(7.503, 11.57, 7.315, 11.753, 7.176, 11.988) ..cubicTo(7.038, 12.223, 6.968, 12.477, 6.968, 12.75) ..cubicTo(6.968, 13.023, 7.038, 13.277, 7.176, 13.512) ..cubicTo(7.315, 13.747, 7.503, 13.93, 7.742, 14.063) ..cubicTo(7.863, 14.129, 7.942, 14.229, 7.981, 14.362) ..cubicTo(8.019, 14.495, 8.004, 14.621, 7.937, 14.742) ..cubicTo(7.871, 14.863, 7.771, 14.942, 7.638, 14.981) ..cubicTo(7.506, 15.019, 7.379, 15.004, 7.258, 14.938) ..cubicTo(6.86, 14.717, 6.546, 14.411, 6.315, 14.02) ..cubicTo(6.084, 13.628, 5.968, 13.205, 5.968, 12.75) ..close() ..moveTo(11.258, 14.937) ..cubicTo(10.86, 14.717, 10.546, 14.411, 10.315, 14.02) ..cubicTo(10.084, 13.628, 9.968, 13.205, 9.968, 12.75) ..cubicTo(9.968, 12.295, 10.084, 11.872, 10.315, 11.48) ..cubicTo(10.546, 11.089, 10.86, 10.783, 11.258, 10.563) ..cubicTo(11.497, 10.43, 11.685, 10.247, 11.824, 10.012) ..cubicTo(11.962, 9.777, 12.032, 9.523, 12.032, 9.25) ..cubicTo(12.032, 8.977, 11.962, 8.723, 11.824, 8.488) ..cubicTo(11.685, 8.253, 11.497, 8.07, 11.258, 7.938) ..cubicTo(11.137, 7.871, 11.058, 7.771, 11.019, 7.638) ..cubicTo(10.981, 7.506, 10.996, 7.379, 11.063, 7.258) ..cubicTo(11.129, 7.137, 11.229, 7.058, 11.362, 7.019) ..cubicTo(11.494, 6.981, 11.621, 6.996, 11.742, 7.063) ..cubicTo(12.14, 7.283, 12.454, 7.589, 12.685, 7.98) ..cubicTo(12.916, 8.372, 13.032, 8.795, 13.032, 9.25) ..cubicTo(13.032, 9.705, 12.916, 10.128, 12.685, 10.52) ..cubicTo(12.454, 10.911, 12.14, 11.217, 11.742, 11.438) ..cubicTo(11.503, 11.57, 11.315, 11.753, 11.176, 11.988) ..cubicTo(11.038, 12.223, 10.968, 12.477, 10.968, 12.75) ..cubicTo(10.968, 13.023, 11.038, 13.277, 11.176, 13.512) ..cubicTo(11.315, 13.747, 11.503, 13.93, 11.742, 14.063) ..cubicTo(11.865, 14.131, 11.946, 14.23, 11.983, 14.361) ..cubicTo(12.021, 14.492, 12.006, 14.619, 11.937, 14.742) ..cubicTo(11.869, 14.865, 11.77, 14.946, 11.639, 14.983) ..cubicTo(11.508, 15.021, 11.381, 15.006, 11.258, 14.937) ..close() ..moveTo(3.258, 14.937) ..cubicTo(2.86, 14.717, 2.546, 14.411, 2.315, 14.02) ..cubicTo(2.084, 13.628, 1.968, 13.205, 1.968, 12.75) ..cubicTo(1.968, 12.295, 2.084, 11.872, 2.315, 11.48) ..cubicTo(2.546, 11.089, 2.86, 10.783, 3.258, 10.563) ..cubicTo(3.497, 10.43, 3.685, 10.247, 3.824, 10.012) ..cubicTo(3.962, 9.777, 4.032, 9.523, 4.032, 9.25) ..cubicTo(4.032, 8.977, 3.962, 8.723, 3.824, 8.488) ..cubicTo(3.685, 8.253, 3.497, 8.07, 3.258, 7.937) ..cubicTo(3.135, 7.869, 3.054, 7.77, 3.017, 7.639) ..cubicTo(2.979, 7.508, 2.994, 7.381, 3.063, 7.258) ..cubicTo(3.129, 7.137, 3.229, 7.058, 3.362, 7.019) ..cubicTo(3.494, 6.981, 3.621, 6.996, 3.742, 7.063) ..cubicTo(4.14, 7.283, 4.454, 7.589, 4.685, 7.98) ..cubicTo(4.916, 8.372, 5.032, 8.795, 5.032, 9.25) ..cubicTo(5.032, 9.705, 4.916, 10.128, 4.685, 10.52) ..cubicTo(4.454, 10.911, 4.14, 11.217, 3.742, 11.438) ..cubicTo(3.503, 11.57, 3.315, 11.753, 3.176, 11.988) ..cubicTo(3.038, 12.223, 2.968, 12.477, 2.968, 12.75) ..cubicTo(2.968, 13.023, 3.038, 13.277, 3.176, 13.512) ..cubicTo(3.315, 13.747, 3.503, 13.93, 3.742, 14.063) ..cubicTo(3.863, 14.129, 3.942, 14.229, 3.981, 14.362) ..cubicTo(4.019, 14.494, 4.004, 14.621, 3.938, 14.742) ..cubicTo(3.871, 14.863, 3.771, 14.942, 3.638, 14.981) ..cubicTo(3.506, 15.019, 3.379, 15.004, 3.258, 14.937) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_SmokeDetectorIconPainter old) => old.color != color; } ```