Police Officer Light icon
fluent-emoji-flat:police-officer-light
The Police Officer Light icon (fluent-emoji-flat:police-officer-light) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji Flat
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Category
- People & Body
- Tags
- policeofficer, officerlight, policeofficerlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="m24.322 30l1.42-4.038l-1.42-4.214a12.18 12.18 0 0 0-8.27-3.248c-3.16 0-6.11 1.223-8.31 3.288l-1 4.174l1 4.038z"/><path fill="#f4c6ad" d="M13.5 18.5h5v.5a2.5 2.5 0 0 1-5 0z"/><path fill="#0074ba" d="M16.608 24.622L18 22l-2-.5l-2 .5l1.394 2.622L14.239 30h3.374z"/><path fill="#50e2ff" d="m15.99 21.808l-1.815 1.591c-.242.213-.596.071-.661-.263L12.75 19l3.24 2.007L19.25 19l-.764 4.136c-.065.334-.419.476-.66.263z"/><path fill="#0084ce" d="M27.585 27.064c.298.962.516 1.945.665 2.937h-3.989V21.75a12.15 12.15 0 0 1 3.324 5.314M7.739 21.79v8.211H3.75c.15-.982.379-1.945.678-2.897l.03-.09a12.2 12.2 0 0 1 3.28-5.224"/><path fill="#212121" d="M22.004 6.568c-.343-.596.262-1.01-.332-1.216a2.93 2.93 0 0 1-1.576-1.239c-.48-.791-1.348-.172-2.33-.172c-.378 0-.743-1.066-1.063-.929a1.73 1.73 0 0 1-1.394 0c-.331-.137-.685.93-1.062.93c-.972 0-1.828-.643-2.308.126a3.1 3.1 0 0 1-1.611 1.284c-.628.218-.846 1.629-1.177 2.26c-.491.917-.72 1.055-.16 1.87c.195.298.309.653.309 1.009v4.783c0 1.067.674 2.007 1.68 2.363l2.158.745v-8.51a2.4 2.4 0 0 0 .434-.574c.195-.333.309-.7.343-1.055a2.65 2.65 0 0 0 2.08-.63c.48.4 1.085.653 1.759.653c.114 0 .217-.012.32-.023a2.73 2.73 0 0 0 .776 1.628v8.523l2.16-.746a2.495 2.495 0 0 0 1.679-2.363v-4.783c0-.355.114-.71.32-1.01c.594-.848-.468-1.983-1.005-2.924"/><path fill="#f4c6ad" d="M12.316 12.648a1.91 1.91 0 0 1-1.908 1.915A1.91 1.91 0 0 1 8.5 12.648c0-1.059.854-1.916 1.908-1.916s1.908.857 1.908 1.916m11.184 0a1.91 1.91 0 0 1-1.908 1.915a1.91 1.91 0 0 1-1.908-1.915c0-1.059.854-1.916 1.908-1.916s1.908.857 1.908 1.916"/><path fill="#ffd7c2" d="M10.008 9.893c.086-2.03 1.81-3.657 3.916-3.657h1.494c.321 0 .597.19.724.47c.46.996 1.482 1.622 2.597 1.622h1.643c.92.045 1.644.795 1.62 1.701l-.013.577l-.354 5.545c-.31 2.204-2.23 3.85-4.517 3.85h-2.183c-2.276 0-4.206-1.646-4.505-3.85z"/><path fill="#990838" d="M16.006 16.221c-.629 0-1.223-.16-1.723-.441c-.175-.098-.35.11-.245.282c.42.673 1.141 1.127 1.968 1.127s1.55-.454 1.968-1.127c.105-.172-.081-.368-.244-.282a3.55 3.55 0 0 1-1.724.441"/><path fill="#fff" d="M11.642 12.439a1.62 1.62 0 0 1 1.576-1.239c.8 0 1.451.562 1.6 1.32a.264.264 0 0 1-.263.32H11.95c-.205 0-.365-.206-.308-.401m8.739 0a1.62 1.62 0 0 0-1.576-1.239c-.8 0-1.451.562-1.6 1.32a.264.264 0 0 0 .263.32h2.605a.324.324 0 0 0 .308-.401"/><path fill="#7d4533" d="M12.419 12.565c0-.573.468-1.043 1.04-1.043c.582 0 1.05.47 1.039 1.043q0 .138-.035.276h-2.01a1 1 0 0 1-.034-.276m7.185 0c0-.573-.468-1.043-1.04-1.043c-.582 0-1.039.47-1.039 1.043q0 .138.034.276h2.011q.034-.138.034-.276"/><path fill="#000" d="M13.458 11.969c.331 0 .594.264.594.596a.55.55 0 0 1-.068.276h-1.051a.55.55 0 0 1-.069-.276c0-.332.263-.596.594-.596m5.107 0a.59.59 0 0 0-.594.596q0 .155.068.276h1.051a.55.55 0 0 0 .069-.276a.59.59 0 0 0-.594-.596"/><path fill="#fff" d="M13.287 12.14a.183.183 0 1 1-.367.001a.183.183 0 0 1 .367 0m5.141-.001a.183.183 0 1 1-.367.001a.183.183 0 0 1 .367 0"/><path fill="#e5af93" d="m15.61 12.303l-.566 1.994c-.117.408.16.827.556.827h.833c.396 0 .674-.42.556-.827l-.566-1.994c-.118-.444-.684-.444-.812 0"/><path fill="#00a6ed" d="m23.136 4.016l-4.927-1.658a6.8 6.8 0 0 0-4.357 0L8.875 4.016a1.624 1.624 0 0 0-1.067 1.969l.638 2.281c.04.137.17.234.32.234h14.46a.33.33 0 0 0 .319-.234l.638-2.281c.25-.829-.22-1.687-1.047-1.97"/><path fill="#50e2ff" d="M22.15 8.807c-3.84-.99-7.85-.99-11.69-.01a.803.803 0 0 1-.97-.55c-.13-.44.13-.9.57-1.01a25 25 0 0 1 12.48.01c.44.11.7.57.58 1.01c-.12.41-.55.66-.97.55"/><path fill="#321b41" d="M9.79 8.687a4.57 4.57 0 0 0 3.97 2.29h5.06c1.7 0 3.18-.92 3.97-2.29a23.2 23.2 0 0 0-12.98-.01z"/><path fill="#fcd53f" d="M17.25 3.663c0-.214-.302-.292-.431-.117c-.097.127-.302.127-.388 0l-.237-.321c-.097-.127-.302-.127-.388 0l-.237.33c-.097.127-.302.127-.388 0c-.13-.174-.431-.096-.431.118v.818c0 .633.56 1.139 1.26 1.139c.701 0 1.24-.506 1.24-1.14zm3.24 24.362c-.826 0-1.49-.585-1.49-1.314v-1.62c0-.317.294-.575.653-.575h1.686c.359 0 .652.259.652.575v1.61c-.01.73-.685 1.324-1.5 1.324M12.848 26H9.14c-.08 0-.14.052-.14.121v.76c0 .07.06.122.14.122h3.708c.08 0 .14-.052.14-.121v-.761c0-.07-.06-.121-.14-.121"/></g></svg>How to use the Police Officer Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:police-officer-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:police-officer-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:police-officer-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--police-officer-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:police-officer-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:police-officer-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/police-officer-light.svg" alt="Police Officer Light icon" width="24" height="24">Related icons in Fluent Emoji Flat
Police Officer Light icon in other icon sets
Police Officer Light icon FAQ
Is the Police Officer Light icon free for commercial use?
Yes. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Police Officer Light icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-flat:police-officer-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Police Officer Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/police-officer-light.svg" alt="Police Officer Light icon">, or paste the SVG code inline to style it with CSS.