zone person urgent icon

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

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

2 other variants in Material Symbols Light

The same icon in other sets

More home icons from Material Symbols Light

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="M3 6V3.616q0-.691.463-1.154T4.615 2H7v1H4.616q-.231 0-.424.192T4 3.616V6zm4 14H4.616q-.691 0-1.153-.462T3 18.384V16h1v2.385q0 .23.192.423t.423.192H7zM20 6V3.616q0-.232-.192-.424T19.385 3H17V2h2.385q.69 0 1.152.463T21 3.616V6zm-7.701 1.701q-.491-.491-.491-1.201t.491-1.201t1.201-.491t1.201.491t.491 1.201t-.491 1.201q-.492.491-1.201.491t-1.201-.491m-2.883 8.684l1.038-5.331L7.5 12.273V15.5h-1v-3.892l3.989-1.662q.644-.26.95-.353T12 9.5q.39 0 .725.208t.552.561l1 1.6q.237.368.523.71t.654.625l-.525.852q-.464-.371-.89-.853t-.789-1.068l-.835 4.25zm5.2 4.615q-.287 0-.43-.26t-.003-.51l4-6.98q.151-.244.438-.275q.287-.03.446.256l4 7q.172.269 0 .519q-.17.25-.451.25zm4.273-.727Q19 20.162 19 20t-.111-.273t-.273-.111t-.274.111t-.111.273t.111.273t.274.112q.161 0 .273-.112m-.658-1.889H19v-3.768h-.77z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightZonePersonUrgent(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="M3 6V3.616q0-.691.463-1.154T4.615 2H7v1H4.616q-.231 0-.424.192T4 3.616V6zm4 14H4.616q-.691 0-1.153-.462T3 18.384V16h1v2.385q0 .23.192.423t.423.192H7zM20 6V3.616q0-.232-.192-.424T19.385 3H17V2h2.385q.69 0 1.152.463T21 3.616V6zm-7.701 1.701q-.491-.491-.491-1.201t.491-1.201t1.201-.491t1.201.491t.491 1.201t-.491 1.201q-.492.491-1.201.491t-1.201-.491m-2.883 8.684l1.038-5.331L7.5 12.273V15.5h-1v-3.892l3.989-1.662q.644-.26.95-.353T12 9.5q.39 0 .725.208t.552.561l1 1.6q.237.368.523.71t.654.625l-.525.852q-.464-.371-.89-.853t-.789-1.068l-.835 4.25zm5.2 4.615q-.287 0-.43-.26t-.003-.51l4-6.98q.151-.244.438-.275q.287-.03.446.256l4 7q.172.269 0 .519q-.17.25-.451.25zm4.273-.727Q19 20.162 19 20t-.111-.273t-.273-.111t-.274.111t-.111.273t.111.273t.274.112q.161 0 .273-.112m-.658-1.889H19v-3.768h-.77z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 6V3.616q0-.691.463-1.154T4.615 2H7v1H4.616q-.231 0-.424.192T4 3.616V6zm4 14H4.616q-.691 0-1.153-.462T3 18.384V16h1v2.385q0 .23.192.423t.423.192H7zM20 6V3.616q0-.232-.192-.424T19.385 3H17V2h2.385q.69 0 1.152.463T21 3.616V6zm-7.701 1.701q-.491-.491-.491-1.201t.491-1.201t1.201-.491t1.201.491t.491 1.201t-.491 1.201q-.492.491-1.201.491t-1.201-.491m-2.883 8.684l1.038-5.331L7.5 12.273V15.5h-1v-3.892l3.989-1.662q.644-.26.95-.353T12 9.5q.39 0 .725.208t.552.561l1 1.6q.237.368.523.71t.654.625l-.525.852q-.464-.371-.89-.853t-.789-1.068l-.835 4.25zm5.2 4.615q-.287 0-.43-.26t-.003-.51l4-6.98q.151-.244.438-.275q.287-.03.446.256l4 7q.172.269 0 .519q-.17.25-.451.25zm4.273-.727Q19 20.162 19 20t-.111-.273t-.273-.111t-.274.111t-.111.273t.111.273t.274.112q.161 0 .273-.112m-.658-1.889H19v-3.768h-.77z"/></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%22M3%206V3.616q0-.691.463-1.154T4.615%202H7v1H4.616q-.231%200-.424.192T4%203.616V6zm4%2014H4.616q-.691%200-1.153-.462T3%2018.384V16h1v2.385q0%20.23.192.423t.423.192H7zM20%206V3.616q0-.232-.192-.424T19.385%203H17V2h2.385q.69%200%201.152.463T21%203.616V6zm-7.701%201.701q-.491-.491-.491-1.201t.491-1.201t1.201-.491t1.201.491t.491%201.201t-.491%201.201q-.492.491-1.201.491t-1.201-.491m-2.883%208.684l1.038-5.331L7.5%2012.273V15.5h-1v-3.892l3.989-1.662q.644-.26.95-.353T12%209.5q.39%200%20.725.208t.552.561l1%201.6q.237.368.523.71t.654.625l-.525.852q-.464-.371-.89-.853t-.789-1.068l-.835%204.25zm5.2%204.615q-.287%200-.43-.26t-.003-.51l4-6.98q.151-.244.438-.275q.287-.03.446.256l4%207q.172.269%200%20.519q-.17.25-.451.25zm4.273-.727Q19%2020.162%2019%2020t-.111-.273t-.273-.111t-.274.111t-.111.273t.111.273t.274.112q.161%200%20.273-.112m-.658-1.889H19v-3.768h-.77z%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%22M3%206V3.616q0-.691.463-1.154T4.615%202H7v1H4.616q-.231%200-.424.192T4%203.616V6zm4%2014H4.616q-.691%200-1.153-.462T3%2018.384V16h1v2.385q0%20.23.192.423t.423.192H7zM20%206V3.616q0-.232-.192-.424T19.385%203H17V2h2.385q.69%200%201.152.463T21%203.616V6zm-7.701%201.701q-.491-.491-.491-1.201t.491-1.201t1.201-.491t1.201.491t.491%201.201t-.491%201.201q-.492.491-1.201.491t-1.201-.491m-2.883%208.684l1.038-5.331L7.5%2012.273V15.5h-1v-3.892l3.989-1.662q.644-.26.95-.353T12%209.5q.39%200%20.725.208t.552.561l1%201.6q.237.368.523.71t.654.625l-.525.852q-.464-.371-.89-.853t-.789-1.068l-.835%204.25zm5.2%204.615q-.287%200-.43-.26t-.003-.51l4-6.98q.151-.244.438-.275q.287-.03.446.256l4%207q.172.269%200%20.519q-.17.25-.451.25zm4.273-.727Q19%2020.162%2019%2020t-.111-.273t-.273-.111t-.274.111t-.111.273t.111.273t.274.112q.161%200%20.273-.112m-.658-1.889H19v-3.768h-.77z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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