police officer emoji

police-officer from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
police-officer
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

police-officer-dark-skin-tonepolice-officer-light-skin-tonepolice-officer-medium-dark-skin-tonepolice-officer-medium-light-skin-tonepolice-officer-medium-skin-tone

The same emoji in other sets

police-officerFluent Emojipolice-officerFluent Emoji Flatpolice-officerFluent Emoji High Contrastpolice-officerNoto Emojipolice-officerOpenMojipolice-officerTwitter Emoji

More people icons from Emoji One (Colored)

alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands

Use the police officer emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffbc00" d="M32 17.3c-15.8 0-27 .5-27 10c0 .8.8 14 .8 14h52.5l.8-14c-.1-7.4-9.7-10-27.1-10"/><path fill="#ffdd67" d="M56 37c-4-1.7-1.9-7.9-1.9-7.9c-1.8 1-5.5 1.2-10.1.9c1.2.8 2 1.3 2 1.3c-4.6 1.7-10.1.8-10.1.8c1.6 1.2 2.6 1.8 2.6 1.8c-15 .5-23.5-5.4-27.8-9.8c-3.6 7.2 0 10.4-2.7 12.9c0 0-4 0-4 5s4 5 4 5c0 8 18 15 24 15s24-7 24-15c0 0 4 0 4-5s-4-5-4-5"/><path fill="#f5f5f5" d="M20 35.8c-5 0-7 1.8-7 3.6s0 4.4 6.6 4.4c6.4 0 7.4-.8 7.4-3.5c0-1.8-2-4.5-7-4.5"/><circle cx="20.5" cy="38.8" r="4.5" fill="#664e27"/><path fill="#231f20" d="M22 38.8c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5"/><path fill="#664e27" d="M13 39.3c0-7 14-7 14 1c-2-6-12-6-14-1"/><path fill="#f5f5f5" d="M44 35.8c5 0 7 1.8 7 3.6s0 4.4-6.6 4.4c-6.4 0-7.4-.8-7.4-3.5c0-1.8 2-4.5 7-4.5"/><circle cx="43.5" cy="38.8" r="4.5" fill="#664e27"/><path fill="#231f20" d="M42 38.8c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5"/><path fill="#664e27" d="M51 39.3c0-7-14-7-14 1c2-6 12-6 14-1"/><path fill="#937237" d="M41 50.9c0 3.4-4.5 5.1-9 5.1s-9-1.7-9-5.1c0 0 0-.9.9-.9h16.2c.9 0 .9.9.9.9"/><path fill="#454749" d="M59 23.2c0 3.2-11.9 7-27 7s-27-3.8-27-7z"/><path fill="#428bc1" d="M46.7 10.7C42.6 8.9 36.4 2 32 2s-10.6 6.9-14.7 8.7c-3.3 1.5-9.5 2-12 4.6c-2.7 2.9-.3 8-.3 8S5.3 26 32 26s27-2.6 27-2.6s2.4-5.2-.3-8c-2.5-2.7-8.7-3.2-12-4.7"/><path fill="#fbbf67" d="M29.4 10.6C30.9 9.9 32 7 32 7s1.1 2.9 2.6 3.6c1.4.6 4.4-2.2 4.4-2.2s-.3 7.1-.8 8.5c-1.4 3.8-6.2 6-6.2 6s-4.8-2.2-6.2-6c-.5-1.4-.8-8.5-.8-8.5s3.1 2.8 4.4 2.2"/></svg>

React

import type { SVGProps } from "react";

export function EmojionePoliceOfficer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffbc00" d="M32 17.3c-15.8 0-27 .5-27 10c0 .8.8 14 .8 14h52.5l.8-14c-.1-7.4-9.7-10-27.1-10"/><path fill="#ffdd67" d="M56 37c-4-1.7-1.9-7.9-1.9-7.9c-1.8 1-5.5 1.2-10.1.9c1.2.8 2 1.3 2 1.3c-4.6 1.7-10.1.8-10.1.8c1.6 1.2 2.6 1.8 2.6 1.8c-15 .5-23.5-5.4-27.8-9.8c-3.6 7.2 0 10.4-2.7 12.9c0 0-4 0-4 5s4 5 4 5c0 8 18 15 24 15s24-7 24-15c0 0 4 0 4-5s-4-5-4-5"/><path fill="#f5f5f5" d="M20 35.8c-5 0-7 1.8-7 3.6s0 4.4 6.6 4.4c6.4 0 7.4-.8 7.4-3.5c0-1.8-2-4.5-7-4.5"/><circle cx="20.5" cy="38.8" r="4.5" fill="#664e27"/><path fill="#231f20" d="M22 38.8c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5"/><path fill="#664e27" d="M13 39.3c0-7 14-7 14 1c-2-6-12-6-14-1"/><path fill="#f5f5f5" d="M44 35.8c5 0 7 1.8 7 3.6s0 4.4-6.6 4.4c-6.4 0-7.4-.8-7.4-3.5c0-1.8 2-4.5 7-4.5"/><circle cx="43.5" cy="38.8" r="4.5" fill="#664e27"/><path fill="#231f20" d="M42 38.8c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5"/><path fill="#664e27" d="M51 39.3c0-7-14-7-14 1c2-6 12-6 14-1"/><path fill="#937237" d="M41 50.9c0 3.4-4.5 5.1-9 5.1s-9-1.7-9-5.1c0 0 0-.9.9-.9h16.2c.9 0 .9.9.9.9"/><path fill="#454749" d="M59 23.2c0 3.2-11.9 7-27 7s-27-3.8-27-7z"/><path fill="#428bc1" d="M46.7 10.7C42.6 8.9 36.4 2 32 2s-10.6 6.9-14.7 8.7c-3.3 1.5-9.5 2-12 4.6c-2.7 2.9-.3 8-.3 8S5.3 26 32 26s27-2.6 27-2.6s2.4-5.2-.3-8c-2.5-2.7-8.7-3.2-12-4.7"/><path fill="#fbbf67" d="M29.4 10.6C30.9 9.9 32 7 32 7s1.1 2.9 2.6 3.6c1.4.6 4.4-2.2 4.4-2.2s-.3 7.1-.8 8.5c-1.4 3.8-6.2 6-6.2 6s-4.8-2.2-6.2-6c-.5-1.4-.8-8.5-.8-8.5s3.1 2.8 4.4 2.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffbc00" d="M32 17.3c-15.8 0-27 .5-27 10c0 .8.8 14 .8 14h52.5l.8-14c-.1-7.4-9.7-10-27.1-10"/><path fill="#ffdd67" d="M56 37c-4-1.7-1.9-7.9-1.9-7.9c-1.8 1-5.5 1.2-10.1.9c1.2.8 2 1.3 2 1.3c-4.6 1.7-10.1.8-10.1.8c1.6 1.2 2.6 1.8 2.6 1.8c-15 .5-23.5-5.4-27.8-9.8c-3.6 7.2 0 10.4-2.7 12.9c0 0-4 0-4 5s4 5 4 5c0 8 18 15 24 15s24-7 24-15c0 0 4 0 4-5s-4-5-4-5"/><path fill="#f5f5f5" d="M20 35.8c-5 0-7 1.8-7 3.6s0 4.4 6.6 4.4c6.4 0 7.4-.8 7.4-3.5c0-1.8-2-4.5-7-4.5"/><circle cx="20.5" cy="38.8" r="4.5" fill="#664e27"/><path fill="#231f20" d="M22 38.8c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5"/><path fill="#664e27" d="M13 39.3c0-7 14-7 14 1c-2-6-12-6-14-1"/><path fill="#f5f5f5" d="M44 35.8c5 0 7 1.8 7 3.6s0 4.4-6.6 4.4c-6.4 0-7.4-.8-7.4-3.5c0-1.8 2-4.5 7-4.5"/><circle cx="43.5" cy="38.8" r="4.5" fill="#664e27"/><path fill="#231f20" d="M42 38.8c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5"/><path fill="#664e27" d="M51 39.3c0-7-14-7-14 1c2-6 12-6 14-1"/><path fill="#937237" d="M41 50.9c0 3.4-4.5 5.1-9 5.1s-9-1.7-9-5.1c0 0 0-.9.9-.9h16.2c.9 0 .9.9.9.9"/><path fill="#454749" d="M59 23.2c0 3.2-11.9 7-27 7s-27-3.8-27-7z"/><path fill="#428bc1" d="M46.7 10.7C42.6 8.9 36.4 2 32 2s-10.6 6.9-14.7 8.7c-3.3 1.5-9.5 2-12 4.6c-2.7 2.9-.3 8-.3 8S5.3 26 32 26s27-2.6 27-2.6s2.4-5.2-.3-8c-2.5-2.7-8.7-3.2-12-4.7"/><path fill="#fbbf67" d="M29.4 10.6C30.9 9.9 32 7 32 7s1.1 2.9 2.6 3.6c1.4.6 4.4-2.2 4.4-2.2s-.3 7.1-.8 8.5c-1.4 3.8-6.2 6-6.2 6s-4.8-2.2-6.2-6c-.5-1.4-.8-8.5-.8-8.5s3.1 2.8 4.4 2.2"/></svg>
</template>

CSS

.icon-police-officer {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffbc00%22%20d%3D%22M32%2017.3c-15.8%200-27%20.5-27%2010c0%20.8.8%2014%20.8%2014h52.5l.8-14c-.1-7.4-9.7-10-27.1-10%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M56%2037c-4-1.7-1.9-7.9-1.9-7.9c-1.8%201-5.5%201.2-10.1.9c1.2.8%202%201.3%202%201.3c-4.6%201.7-10.1.8-10.1.8c1.6%201.2%202.6%201.8%202.6%201.8c-15%20.5-23.5-5.4-27.8-9.8c-3.6%207.2%200%2010.4-2.7%2012.9c0%200-4%200-4%205s4%205%204%205c0%208%2018%2015%2024%2015s24-7%2024-15c0%200%204%200%204-5s-4-5-4-5%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M20%2035.8c-5%200-7%201.8-7%203.6s0%204.4%206.6%204.4c6.4%200%207.4-.8%207.4-3.5c0-1.8-2-4.5-7-4.5%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2238.8%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M22%2038.8c0%20.8-.7%201.5-1.5%201.5s-1.5-.7-1.5-1.5s.7-1.5%201.5-1.5s1.5.7%201.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M13%2039.3c0-7%2014-7%2014%201c-2-6-12-6-14-1%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M44%2035.8c5%200%207%201.8%207%203.6s0%204.4-6.6%204.4c-6.4%200-7.4-.8-7.4-3.5c0-1.8%202-4.5%207-4.5%22%2F%3E%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2238.8%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M42%2038.8c0%20.8.7%201.5%201.5%201.5s1.5-.7%201.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M51%2039.3c0-7-14-7-14%201c2-6%2012-6%2014-1%22%2F%3E%3Cpath%20fill%3D%22%23937237%22%20d%3D%22M41%2050.9c0%203.4-4.5%205.1-9%205.1s-9-1.7-9-5.1c0%200%200-.9.9-.9h16.2c.9%200%20.9.9.9.9%22%2F%3E%3Cpath%20fill%3D%22%23454749%22%20d%3D%22M59%2023.2c0%203.2-11.9%207-27%207s-27-3.8-27-7z%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22M46.7%2010.7C42.6%208.9%2036.4%202%2032%202s-10.6%206.9-14.7%208.7c-3.3%201.5-9.5%202-12%204.6c-2.7%202.9-.3%208-.3%208S5.3%2026%2032%2026s27-2.6%2027-2.6s2.4-5.2-.3-8c-2.5-2.7-8.7-3.2-12-4.7%22%2F%3E%3Cpath%20fill%3D%22%23fbbf67%22%20d%3D%22M29.4%2010.6C30.9%209.9%2032%207%2032%207s1.1%202.9%202.6%203.6c1.4.6%204.4-2.2%204.4-2.2s-.3%207.1-.8%208.5c-1.4%203.8-6.2%206-6.2%206s-4.8-2.2-6.2-6c-.5-1.4-.8-8.5-.8-8.5s3.1%202.8%204.4%202.2%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffbc00%22%20d%3D%22M32%2017.3c-15.8%200-27%20.5-27%2010c0%20.8.8%2014%20.8%2014h52.5l.8-14c-.1-7.4-9.7-10-27.1-10%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M56%2037c-4-1.7-1.9-7.9-1.9-7.9c-1.8%201-5.5%201.2-10.1.9c1.2.8%202%201.3%202%201.3c-4.6%201.7-10.1.8-10.1.8c1.6%201.2%202.6%201.8%202.6%201.8c-15%20.5-23.5-5.4-27.8-9.8c-3.6%207.2%200%2010.4-2.7%2012.9c0%200-4%200-4%205s4%205%204%205c0%208%2018%2015%2024%2015s24-7%2024-15c0%200%204%200%204-5s-4-5-4-5%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M20%2035.8c-5%200-7%201.8-7%203.6s0%204.4%206.6%204.4c6.4%200%207.4-.8%207.4-3.5c0-1.8-2-4.5-7-4.5%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2238.8%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M22%2038.8c0%20.8-.7%201.5-1.5%201.5s-1.5-.7-1.5-1.5s.7-1.5%201.5-1.5s1.5.7%201.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M13%2039.3c0-7%2014-7%2014%201c-2-6-12-6-14-1%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M44%2035.8c5%200%207%201.8%207%203.6s0%204.4-6.6%204.4c-6.4%200-7.4-.8-7.4-3.5c0-1.8%202-4.5%207-4.5%22%2F%3E%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2238.8%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M42%2038.8c0%20.8.7%201.5%201.5%201.5s1.5-.7%201.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M51%2039.3c0-7-14-7-14%201c2-6%2012-6%2014-1%22%2F%3E%3Cpath%20fill%3D%22%23937237%22%20d%3D%22M41%2050.9c0%203.4-4.5%205.1-9%205.1s-9-1.7-9-5.1c0%200%200-.9.9-.9h16.2c.9%200%20.9.9.9.9%22%2F%3E%3Cpath%20fill%3D%22%23454749%22%20d%3D%22M59%2023.2c0%203.2-11.9%207-27%207s-27-3.8-27-7z%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22M46.7%2010.7C42.6%208.9%2036.4%202%2032%202s-10.6%206.9-14.7%208.7c-3.3%201.5-9.5%202-12%204.6c-2.7%202.9-.3%208-.3%208S5.3%2026%2032%2026s27-2.6%2027-2.6s2.4-5.2-.3-8c-2.5-2.7-8.7-3.2-12-4.7%22%2F%3E%3Cpath%20fill%3D%22%23fbbf67%22%20d%3D%22M29.4%2010.6C30.9%209.9%2032%207%2032%207s1.1%202.9%202.6%203.6c1.4.6%204.4-2.2%204.4-2.2s-.3%207.1-.8%208.5c-1.4%203.8-6.2%206-6.2%206s-4.8-2.2-6.2-6c-.5-1.4-.8-8.5-.8-8.5s3.1%202.8%204.4%202.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/police-officer.svg?color=%231a73e8&size=48