construction worker emoji

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

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

5 other variants in Emoji One (Colored)

construction-workerconstruction-worker-dark-skin-toneconstruction-worker-light-skin-toneconstruction-worker-medium-dark-skin-toneconstruction-worker-medium-light-skin-tone

The same emoji in other sets

construction-workerFluent Emojiconstruction-workerFluent Emoji Flatconstruction-workerFluent Emoji High Contrastconstruction-workerHealth Iconsconstruction-workerNoto Emojiconstruction-workerOpenMojiconstruction-workerStreamline Emojisconstruction-workerTwitter 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 construction worker emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M6 28h52v12H6z"/><path fill="#d6a57c" d="M8 37v-9h48v9s4 0 4 5s-4 5-4 5c0 8-18 15-24 15S8 55 8 47c0 0-4 0-4-5s4-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="#ff9430" d="M59 31H5C5 16.6 11.8 5.5 32 5.5S59 16.6 59 31"/><g fill="#db802b"><path d="M24.5 31h-4V7.1l4-1.2zm19 0h-4V5.9l4 1.2z"/><path d="M62 33.2H2c0-5.1 13.4-9.3 30-9.3s30 4.2 30 9.3"/></g><path fill="#ff9430" d="M41.5 27.7h-19V6.6c0-6.1 19.1-6.1 19.1 0v21.1z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneConstructionWorkerMediumSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M6 28h52v12H6z"/><path fill="#d6a57c" d="M8 37v-9h48v9s4 0 4 5s-4 5-4 5c0 8-18 15-24 15S8 55 8 47c0 0-4 0-4-5s4-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="#ff9430" d="M59 31H5C5 16.6 11.8 5.5 32 5.5S59 16.6 59 31"/><g fill="#db802b"><path d="M24.5 31h-4V7.1l4-1.2zm19 0h-4V5.9l4 1.2z"/><path d="M62 33.2H2c0-5.1 13.4-9.3 30-9.3s30 4.2 30 9.3"/></g><path fill="#ff9430" d="M41.5 27.7h-19V6.6c0-6.1 19.1-6.1 19.1 0v21.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M6 28h52v12H6z"/><path fill="#d6a57c" d="M8 37v-9h48v9s4 0 4 5s-4 5-4 5c0 8-18 15-24 15S8 55 8 47c0 0-4 0-4-5s4-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="#ff9430" d="M59 31H5C5 16.6 11.8 5.5 32 5.5S59 16.6 59 31"/><g fill="#db802b"><path d="M24.5 31h-4V7.1l4-1.2zm19 0h-4V5.9l4 1.2z"/><path d="M62 33.2H2c0-5.1 13.4-9.3 30-9.3s30 4.2 30 9.3"/></g><path fill="#ff9430" d="M41.5 27.7h-19V6.6c0-6.1 19.1-6.1 19.1 0v21.1z"/></svg>
</template>

CSS

.icon-construction-worker-medium-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%23594640%22%20d%3D%22M6%2028h52v12H6z%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M8%2037v-9h48v9s4%200%204%205s-4%205-4%205c0%208-18%2015-24%2015S8%2055%208%2047c0%200-4%200-4-5s4-5%204-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%23ff9430%22%20d%3D%22M59%2031H5C5%2016.6%2011.8%205.5%2032%205.5S59%2016.6%2059%2031%22%2F%3E%3Cg%20fill%3D%22%23db802b%22%3E%3Cpath%20d%3D%22M24.5%2031h-4V7.1l4-1.2zm19%200h-4V5.9l4%201.2z%22%2F%3E%3Cpath%20d%3D%22M62%2033.2H2c0-5.1%2013.4-9.3%2030-9.3s30%204.2%2030%209.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ff9430%22%20d%3D%22M41.5%2027.7h-19V6.6c0-6.1%2019.1-6.1%2019.1%200v21.1z%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%23594640%22%20d%3D%22M6%2028h52v12H6z%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M8%2037v-9h48v9s4%200%204%205s-4%205-4%205c0%208-18%2015-24%2015S8%2055%208%2047c0%200-4%200-4-5s4-5%204-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%23ff9430%22%20d%3D%22M59%2031H5C5%2016.6%2011.8%205.5%2032%205.5S59%2016.6%2059%2031%22%2F%3E%3Cg%20fill%3D%22%23db802b%22%3E%3Cpath%20d%3D%22M24.5%2031h-4V7.1l4-1.2zm19%200h-4V5.9l4%201.2z%22%2F%3E%3Cpath%20d%3D%22M62%2033.2H2c0-5.1%2013.4-9.3%2030-9.3s30%204.2%2030%209.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ff9430%22%20d%3D%22M41.5%2027.7h-19V6.6c0-6.1%2019.1-6.1%2019.1%200v21.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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