zone person urgent icon

zone-person-urgent from Material Symbols by Google · Regular · Home · Apache-2.0 Free for personal and commercial use.

Name
zone-person-urgent
Set
Material Symbols
Style
Regular
Category
Home
Viewbox
24×24
License
Apache 2.0
Aliases
zone-person-urgent-outline

2 other variants in Material Symbols

The same icon in other sets

More home icons from Material Symbols

Use the zone person urgent icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 6V3q0-.825.588-1.412T4 1h3v2H4v3zm5 15H4q-.825 0-1.412-.587T2 19v-3h2v3h3zM20 6V3h-3V1h3q.825 0 1.413.588T22 3v3zm-7.913 1.913Q11.5 7.325 11.5 6.5t.588-1.412T13.5 4.5t1.413.588T15.5 6.5t-.587 1.413T13.5 8.5t-1.412-.587M8.8 17l1-5.1l-1.8.7V16H6v-4.7l3.95-1.7q.875-.375 1.288-.487T12 9q.525 0 .975.275T13.7 10l1 1.6q.275.425.6.788t.75.662l-1.025 1.775q-.425-.275-.813-.612T13.5 13.5l-.7 3.5zm6.2 5q-.575 0-.862-.5t-.013-1l4-7q.325-.475.9-.525t.85.525l4 7q.325.5 0 1T23 22zm4.35-1.15q.15-.15.15-.35t-.15-.35T19 20t-.35.15t-.15.35t.15.35t.35.15t.35-.15M18.5 19h1v-4h-1z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsZonePersonUrgent(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="M2 6V3q0-.825.588-1.412T4 1h3v2H4v3zm5 15H4q-.825 0-1.412-.587T2 19v-3h2v3h3zM20 6V3h-3V1h3q.825 0 1.413.588T22 3v3zm-7.913 1.913Q11.5 7.325 11.5 6.5t.588-1.412T13.5 4.5t1.413.588T15.5 6.5t-.587 1.413T13.5 8.5t-1.412-.587M8.8 17l1-5.1l-1.8.7V16H6v-4.7l3.95-1.7q.875-.375 1.288-.487T12 9q.525 0 .975.275T13.7 10l1 1.6q.275.425.6.788t.75.662l-1.025 1.775q-.425-.275-.813-.612T13.5 13.5l-.7 3.5zm6.2 5q-.575 0-.862-.5t-.013-1l4-7q.325-.475.9-.525t.85.525l4 7q.325.5 0 1T23 22zm4.35-1.15q.15-.15.15-.35t-.15-.35T19 20t-.35.15t-.15.35t.15.35t.35.15t.35-.15M18.5 19h1v-4h-1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 6V3q0-.825.588-1.412T4 1h3v2H4v3zm5 15H4q-.825 0-1.412-.587T2 19v-3h2v3h3zM20 6V3h-3V1h3q.825 0 1.413.588T22 3v3zm-7.913 1.913Q11.5 7.325 11.5 6.5t.588-1.412T13.5 4.5t1.413.588T15.5 6.5t-.587 1.413T13.5 8.5t-1.412-.587M8.8 17l1-5.1l-1.8.7V16H6v-4.7l3.95-1.7q.875-.375 1.288-.487T12 9q.525 0 .975.275T13.7 10l1 1.6q.275.425.6.788t.75.662l-1.025 1.775q-.425-.275-.813-.612T13.5 13.5l-.7 3.5zm6.2 5q-.575 0-.862-.5t-.013-1l4-7q.325-.475.9-.525t.85.525l4 7q.325.5 0 1T23 22zm4.35-1.15q.15-.15.15-.35t-.15-.35T19 20t-.35.15t-.15.35t.15.35t.35.15t.35-.15M18.5 19h1v-4h-1z"/></svg>
</template>

CSS

.icon-zone-person-urgent {
  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%22M2%206V3q0-.825.588-1.412T4%201h3v2H4v3zm5%2015H4q-.825%200-1.412-.587T2%2019v-3h2v3h3zM20%206V3h-3V1h3q.825%200%201.413.588T22%203v3zm-7.913%201.913Q11.5%207.325%2011.5%206.5t.588-1.412T13.5%204.5t1.413.588T15.5%206.5t-.587%201.413T13.5%208.5t-1.412-.587M8.8%2017l1-5.1l-1.8.7V16H6v-4.7l3.95-1.7q.875-.375%201.288-.487T12%209q.525%200%20.975.275T13.7%2010l1%201.6q.275.425.6.788t.75.662l-1.025%201.775q-.425-.275-.813-.612T13.5%2013.5l-.7%203.5zm6.2%205q-.575%200-.862-.5t-.013-1l4-7q.325-.475.9-.525t.85.525l4%207q.325.5%200%201T23%2022zm4.35-1.15q.15-.15.15-.35t-.15-.35T19%2020t-.35.15t-.15.35t.15.35t.35.15t.35-.15M18.5%2019h1v-4h-1z%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%22M2%206V3q0-.825.588-1.412T4%201h3v2H4v3zm5%2015H4q-.825%200-1.412-.587T2%2019v-3h2v3h3zM20%206V3h-3V1h3q.825%200%201.413.588T22%203v3zm-7.913%201.913Q11.5%207.325%2011.5%206.5t.588-1.412T13.5%204.5t1.413.588T15.5%206.5t-.587%201.413T13.5%208.5t-1.412-.587M8.8%2017l1-5.1l-1.8.7V16H6v-4.7l3.95-1.7q.875-.375%201.288-.487T12%209q.525%200%20.975.275T13.7%2010l1%201.6q.275.425.6.788t.75.662l-1.025%201.775q-.425-.275-.813-.612T13.5%2013.5l-.7%203.5zm6.2%205q-.575%200-.862-.5t-.013-1l4-7q.325-.475.9-.525t.85.525l4%207q.325.5%200%201T23%2022zm4.35-1.15q.15-.15.15-.35t-.15-.35T19%2020t-.35.15t-.15.35t.15.35t.35.15t.35-.15M18.5%2019h1v-4h-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/zone-person-urgent.svg?color=%231a73e8&size=48