police-car-light from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
police-car-light
Set
Fluent Emoji High Contrast
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

More travel & places icons from Fluent Emoji High Contrast

Use the police car light emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1m9.697 3.303a1.036 1.036 0 0 0-1.465 0l-2.929 2.93a1.036 1.036 0 1 0 1.465 1.464l2.929-2.93a1.036 1.036 0 0 0 0-1.464m-17.929 0a1.036 1.036 0 0 0-1.465 1.465l2.93 2.929a1.036 1.036 0 0 0 1.464-1.465zM7.967 23l1.897-8.13a6.301 6.301 0 0 1 12.272 0L24.033 23h.832C26.481 23 28 24.27 28 26.07v1.86c0 1.79-1.498 3.07-3.135 3.07H7.135C5.52 31 4 29.73 4 27.93v-1.86C4 24.27 5.52 23 7.135 23zm12.324-9.832c-.58-1.005-1.698-1.445-2.496-.984c-.798.46-.975 1.648-.395 2.653c.58 1.004 1.697 1.445 2.495.984c.799-.461.976-1.649.396-2.653M24.865 29c.633 0 1.135-.483 1.135-1.07v-1.86c0-.587-.512-1.07-1.135-1.07H7.135C6.512 25 6 25.483 6 26.07v1.86c0 .587.512 1.07 1.135 1.07z"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastPoliceCarLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1m9.697 3.303a1.036 1.036 0 0 0-1.465 0l-2.929 2.93a1.036 1.036 0 1 0 1.465 1.464l2.929-2.93a1.036 1.036 0 0 0 0-1.464m-17.929 0a1.036 1.036 0 0 0-1.465 1.465l2.93 2.929a1.036 1.036 0 0 0 1.464-1.465zM7.967 23l1.897-8.13a6.301 6.301 0 0 1 12.272 0L24.033 23h.832C26.481 23 28 24.27 28 26.07v1.86c0 1.79-1.498 3.07-3.135 3.07H7.135C5.52 31 4 29.73 4 27.93v-1.86C4 24.27 5.52 23 7.135 23zm12.324-9.832c-.58-1.005-1.698-1.445-2.496-.984c-.798.46-.975 1.648-.395 2.653c.58 1.004 1.697 1.445 2.495.984c.799-.461.976-1.649.396-2.653M24.865 29c.633 0 1.135-.483 1.135-1.07v-1.86c0-.587-.512-1.07-1.135-1.07H7.135C6.512 25 6 25.483 6 26.07v1.86c0 .587.512 1.07 1.135 1.07z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1m9.697 3.303a1.036 1.036 0 0 0-1.465 0l-2.929 2.93a1.036 1.036 0 1 0 1.465 1.464l2.929-2.93a1.036 1.036 0 0 0 0-1.464m-17.929 0a1.036 1.036 0 0 0-1.465 1.465l2.93 2.929a1.036 1.036 0 0 0 1.464-1.465zM7.967 23l1.897-8.13a6.301 6.301 0 0 1 12.272 0L24.033 23h.832C26.481 23 28 24.27 28 26.07v1.86c0 1.79-1.498 3.07-3.135 3.07H7.135C5.52 31 4 29.73 4 27.93v-1.86C4 24.27 5.52 23 7.135 23zm12.324-9.832c-.58-1.005-1.698-1.445-2.496-.984c-.798.46-.975 1.648-.395 2.653c.58 1.004 1.697 1.445 2.495.984c.799-.461.976-1.649.396-2.653M24.865 29c.633 0 1.135-.483 1.135-1.07v-1.86c0-.587-.512-1.07-1.135-1.07H7.135C6.512 25 6 25.483 6 26.07v1.86c0 .587.512 1.07 1.135 1.07z"/></svg>
</template>

CSS

.icon-police-car-light {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202a1%201%200%200%200-1%201v4a1%201%200%201%200%202%200V3a1%201%200%200%200-1-1m9.697%203.303a1.036%201.036%200%200%200-1.465%200l-2.929%202.93a1.036%201.036%200%201%200%201.465%201.464l2.929-2.93a1.036%201.036%200%200%200%200-1.464m-17.929%200a1.036%201.036%200%200%200-1.465%201.465l2.93%202.929a1.036%201.036%200%200%200%201.464-1.465zM7.967%2023l1.897-8.13a6.301%206.301%200%200%201%2012.272%200L24.033%2023h.832C26.481%2023%2028%2024.27%2028%2026.07v1.86c0%201.79-1.498%203.07-3.135%203.07H7.135C5.52%2031%204%2029.73%204%2027.93v-1.86C4%2024.27%205.52%2023%207.135%2023zm12.324-9.832c-.58-1.005-1.698-1.445-2.496-.984c-.798.46-.975%201.648-.395%202.653c.58%201.004%201.697%201.445%202.495.984c.799-.461.976-1.649.396-2.653M24.865%2029c.633%200%201.135-.483%201.135-1.07v-1.86c0-.587-.512-1.07-1.135-1.07H7.135C6.512%2025%206%2025.483%206%2026.07v1.86c0%20.587.512%201.07%201.135%201.07z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202a1%201%200%200%200-1%201v4a1%201%200%201%200%202%200V3a1%201%200%200%200-1-1m9.697%203.303a1.036%201.036%200%200%200-1.465%200l-2.929%202.93a1.036%201.036%200%201%200%201.465%201.464l2.929-2.93a1.036%201.036%200%200%200%200-1.464m-17.929%200a1.036%201.036%200%200%200-1.465%201.465l2.93%202.929a1.036%201.036%200%200%200%201.464-1.465zM7.967%2023l1.897-8.13a6.301%206.301%200%200%201%2012.272%200L24.033%2023h.832C26.481%2023%2028%2024.27%2028%2026.07v1.86c0%201.79-1.498%203.07-3.135%203.07H7.135C5.52%2031%204%2029.73%204%2027.93v-1.86C4%2024.27%205.52%2023%207.135%2023zm12.324-9.832c-.58-1.005-1.698-1.445-2.496-.984c-.798.46-.975%201.648-.395%202.653c.58%201.004%201.697%201.445%202.495.984c.799-.461.976-1.649.396-2.653M24.865%2029c.633%200%201.135-.483%201.135-1.07v-1.86c0-.587-.512-1.07-1.135-1.07H7.135C6.512%2025%206%2025.483%206%2026.07v1.86c0%20.587.512%201.07%201.135%201.07z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/police-car-light.svg?color=%231a73e8&size=48