police officer emoji

police-officer-medium-light-skin-tone from Emoji One (Colored) by Emoji One · Medium-light skin tone · People · CC-BY-4.0 Attribution required.

Name
police-officer-medium-light-skin-tone
Set
Emoji One (Colored)
Style
Medium-light skin tone
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

police-officerpolice-officer-dark-skin-tonepolice-officer-light-skin-tonepolice-officer-medium-dark-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="#dbb471" 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="#fed0ac" d="M56 37c-4-1.7-1.9-9-1.9-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 11.5-2.7 14c0 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-1M41 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 22.7c0 3.1-11.9 5.7-27 5.7S5 25.8 5 22.7c0 0-.3 2.3 27 2.3s27-2.3 27-2.3"/><path fill="#428bc1" d="M46.7 10.5C42.6 8.7 36.4 2 32 2s-10.6 6.7-14.7 8.5c-3.3 1.4-9.5 1.9-12 4.5c-2.7 2.8-.3 7.9-.3 7.9s.3 2.3 27 2.3s27-2.3 27-2.3s2.4-5-.3-7.8c-2.5-2.7-8.7-3.2-12-4.6"/><path fill="#fbbf67" d="M29.3 10.3c1.6-.7 2.7-3.4 2.7-3.4s1.1 2.8 2.7 3.4c1.3.6 4.4-2.1 4.4-2.1s-.3 6.7-.8 8.1C36.8 20 32 22.1 32 22.1s-4.8-2.1-6.3-5.8c-.6-1.4-.8-8.1-.8-8.1s3.1 2.7 4.4 2.1"/></svg>

React

import type { SVGProps } from "react";

export function EmojionePoliceOfficerMediumLightSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#dbb471" 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="#fed0ac" d="M56 37c-4-1.7-1.9-9-1.9-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 11.5-2.7 14c0 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-1M41 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 22.7c0 3.1-11.9 5.7-27 5.7S5 25.8 5 22.7c0 0-.3 2.3 27 2.3s27-2.3 27-2.3"/><path fill="#428bc1" d="M46.7 10.5C42.6 8.7 36.4 2 32 2s-10.6 6.7-14.7 8.5c-3.3 1.4-9.5 1.9-12 4.5c-2.7 2.8-.3 7.9-.3 7.9s.3 2.3 27 2.3s27-2.3 27-2.3s2.4-5-.3-7.8c-2.5-2.7-8.7-3.2-12-4.6"/><path fill="#fbbf67" d="M29.3 10.3c1.6-.7 2.7-3.4 2.7-3.4s1.1 2.8 2.7 3.4c1.3.6 4.4-2.1 4.4-2.1s-.3 6.7-.8 8.1C36.8 20 32 22.1 32 22.1s-4.8-2.1-6.3-5.8c-.6-1.4-.8-8.1-.8-8.1s3.1 2.7 4.4 2.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#dbb471" 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="#fed0ac" d="M56 37c-4-1.7-1.9-9-1.9-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 11.5-2.7 14c0 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-1M41 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 22.7c0 3.1-11.9 5.7-27 5.7S5 25.8 5 22.7c0 0-.3 2.3 27 2.3s27-2.3 27-2.3"/><path fill="#428bc1" d="M46.7 10.5C42.6 8.7 36.4 2 32 2s-10.6 6.7-14.7 8.5c-3.3 1.4-9.5 1.9-12 4.5c-2.7 2.8-.3 7.9-.3 7.9s.3 2.3 27 2.3s27-2.3 27-2.3s2.4-5-.3-7.8c-2.5-2.7-8.7-3.2-12-4.6"/><path fill="#fbbf67" d="M29.3 10.3c1.6-.7 2.7-3.4 2.7-3.4s1.1 2.8 2.7 3.4c1.3.6 4.4-2.1 4.4-2.1s-.3 6.7-.8 8.1C36.8 20 32 22.1 32 22.1s-4.8-2.1-6.3-5.8c-.6-1.4-.8-8.1-.8-8.1s3.1 2.7 4.4 2.1"/></svg>
</template>

CSS

.icon-police-officer-medium-light-skin-tone {
  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%23dbb471%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%23fed0ac%22%20d%3D%22M56%2037c-4-1.7-1.9-9-1.9-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%2011.5-2.7%2014c0%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-1M41%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%2022.7c0%203.1-11.9%205.7-27%205.7S5%2025.8%205%2022.7c0%200-.3%202.3%2027%202.3s27-2.3%2027-2.3%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22M46.7%2010.5C42.6%208.7%2036.4%202%2032%202s-10.6%206.7-14.7%208.5c-3.3%201.4-9.5%201.9-12%204.5c-2.7%202.8-.3%207.9-.3%207.9s.3%202.3%2027%202.3s27-2.3%2027-2.3s2.4-5-.3-7.8c-2.5-2.7-8.7-3.2-12-4.6%22%2F%3E%3Cpath%20fill%3D%22%23fbbf67%22%20d%3D%22M29.3%2010.3c1.6-.7%202.7-3.4%202.7-3.4s1.1%202.8%202.7%203.4c1.3.6%204.4-2.1%204.4-2.1s-.3%206.7-.8%208.1C36.8%2020%2032%2022.1%2032%2022.1s-4.8-2.1-6.3-5.8c-.6-1.4-.8-8.1-.8-8.1s3.1%202.7%204.4%202.1%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%23dbb471%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%23fed0ac%22%20d%3D%22M56%2037c-4-1.7-1.9-9-1.9-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%2011.5-2.7%2014c0%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-1M41%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%2022.7c0%203.1-11.9%205.7-27%205.7S5%2025.8%205%2022.7c0%200-.3%202.3%2027%202.3s27-2.3%2027-2.3%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22M46.7%2010.5C42.6%208.7%2036.4%202%2032%202s-10.6%206.7-14.7%208.5c-3.3%201.4-9.5%201.9-12%204.5c-2.7%202.8-.3%207.9-.3%207.9s.3%202.3%2027%202.3s27-2.3%2027-2.3s2.4-5-.3-7.8c-2.5-2.7-8.7-3.2-12-4.6%22%2F%3E%3Cpath%20fill%3D%22%23fbbf67%22%20d%3D%22M29.3%2010.3c1.6-.7%202.7-3.4%202.7-3.4s1.1%202.8%202.7%203.4c1.3.6%204.4-2.1%204.4-2.1s-.3%206.7-.8%208.1C36.8%2020%2032%2022.1%2032%2022.1s-4.8-2.1-6.3-5.8c-.6-1.4-.8-8.1-.8-8.1s3.1%202.7%204.4%202.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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