man with chinese cap emoji

man-with-chinese-cap from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
man-with-chinese-cap
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

More people icons from Emoji One (Colored)

Use the man with chinese cap emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffb300" d="m5 28l1 12h52l1-12z"/><path fill="#ffdd67" 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="#f16a65" d="M32 4C15.1 4 7.8 17.5 5.3 20.9C2.6 24.5 5 31 5 31s.3 3 27 3s27-3 27-3s2.4-6.5-.3-10.1C56.2 17.5 48.8 4 32 4"/><path fill="#468bc4" d="M18.2 23.5C19.6 20.1 23 9.3 29.7 4C14.4 5.1 7.7 17.6 5.3 20.8C2.6 24.4 5 31 5 31s.2 1.8 12.5 2.6c-.3-3-.4-7.2.7-10.1m27.6 0C44.4 20.1 41 9.3 34.3 4c15.3 1.1 22 13.6 24.4 16.8c2.7 3.6.3 10.2.3 10.2s-.2 1.8-12.5 2.6c.3-3 .4-7.2-.7-10.1"/><ellipse cx="32" cy="5" fill="#c94747" rx="4" ry="3"/><path fill="#454749" d="M32 24.4c-16.2 0-23.9-.9-27.6-1.8C3.2 26.2 5 31 5 31s.3 3 27 3s27-3 27-3s1.8-4.8.6-8.5c-3.7 1-11.4 1.9-27.6 1.9"/><circle cx="32" cy="29" r="4" fill="#fbbf67"/><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"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneManWithChineseCap(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffb300" d="m5 28l1 12h52l1-12z"/><path fill="#ffdd67" 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="#f16a65" d="M32 4C15.1 4 7.8 17.5 5.3 20.9C2.6 24.5 5 31 5 31s.3 3 27 3s27-3 27-3s2.4-6.5-.3-10.1C56.2 17.5 48.8 4 32 4"/><path fill="#468bc4" d="M18.2 23.5C19.6 20.1 23 9.3 29.7 4C14.4 5.1 7.7 17.6 5.3 20.8C2.6 24.4 5 31 5 31s.2 1.8 12.5 2.6c-.3-3-.4-7.2.7-10.1m27.6 0C44.4 20.1 41 9.3 34.3 4c15.3 1.1 22 13.6 24.4 16.8c2.7 3.6.3 10.2.3 10.2s-.2 1.8-12.5 2.6c.3-3 .4-7.2-.7-10.1"/><ellipse cx="32" cy="5" fill="#c94747" rx="4" ry="3"/><path fill="#454749" d="M32 24.4c-16.2 0-23.9-.9-27.6-1.8C3.2 26.2 5 31 5 31s.3 3 27 3s27-3 27-3s1.8-4.8.6-8.5c-3.7 1-11.4 1.9-27.6 1.9"/><circle cx="32" cy="29" r="4" fill="#fbbf67"/><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"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffb300" d="m5 28l1 12h52l1-12z"/><path fill="#ffdd67" 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="#f16a65" d="M32 4C15.1 4 7.8 17.5 5.3 20.9C2.6 24.5 5 31 5 31s.3 3 27 3s27-3 27-3s2.4-6.5-.3-10.1C56.2 17.5 48.8 4 32 4"/><path fill="#468bc4" d="M18.2 23.5C19.6 20.1 23 9.3 29.7 4C14.4 5.1 7.7 17.6 5.3 20.8C2.6 24.4 5 31 5 31s.2 1.8 12.5 2.6c-.3-3-.4-7.2.7-10.1m27.6 0C44.4 20.1 41 9.3 34.3 4c15.3 1.1 22 13.6 24.4 16.8c2.7 3.6.3 10.2.3 10.2s-.2 1.8-12.5 2.6c.3-3 .4-7.2-.7-10.1"/><ellipse cx="32" cy="5" fill="#c94747" rx="4" ry="3"/><path fill="#454749" d="M32 24.4c-16.2 0-23.9-.9-27.6-1.8C3.2 26.2 5 31 5 31s.3 3 27 3s27-3 27-3s1.8-4.8.6-8.5c-3.7 1-11.4 1.9-27.6 1.9"/><circle cx="32" cy="29" r="4" fill="#fbbf67"/><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"/></svg>
</template>

CSS

.icon-man-with-chinese-cap {
  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%23ffb300%22%20d%3D%22m5%2028l1%2012h52l1-12z%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%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%23f16a65%22%20d%3D%22M32%204C15.1%204%207.8%2017.5%205.3%2020.9C2.6%2024.5%205%2031%205%2031s.3%203%2027%203s27-3%2027-3s2.4-6.5-.3-10.1C56.2%2017.5%2048.8%204%2032%204%22%2F%3E%3Cpath%20fill%3D%22%23468bc4%22%20d%3D%22M18.2%2023.5C19.6%2020.1%2023%209.3%2029.7%204C14.4%205.1%207.7%2017.6%205.3%2020.8C2.6%2024.4%205%2031%205%2031s.2%201.8%2012.5%202.6c-.3-3-.4-7.2.7-10.1m27.6%200C44.4%2020.1%2041%209.3%2034.3%204c15.3%201.1%2022%2013.6%2024.4%2016.8c2.7%203.6.3%2010.2.3%2010.2s-.2%201.8-12.5%202.6c.3-3%20.4-7.2-.7-10.1%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%225%22%20fill%3D%22%23c94747%22%20rx%3D%224%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23454749%22%20d%3D%22M32%2024.4c-16.2%200-23.9-.9-27.6-1.8C3.2%2026.2%205%2031%205%2031s.3%203%2027%203s27-3%2027-3s1.8-4.8.6-8.5c-3.7%201-11.4%201.9-27.6%201.9%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%224%22%20fill%3D%22%23fbbf67%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%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%23ffb300%22%20d%3D%22m5%2028l1%2012h52l1-12z%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%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%23f16a65%22%20d%3D%22M32%204C15.1%204%207.8%2017.5%205.3%2020.9C2.6%2024.5%205%2031%205%2031s.3%203%2027%203s27-3%2027-3s2.4-6.5-.3-10.1C56.2%2017.5%2048.8%204%2032%204%22%2F%3E%3Cpath%20fill%3D%22%23468bc4%22%20d%3D%22M18.2%2023.5C19.6%2020.1%2023%209.3%2029.7%204C14.4%205.1%207.7%2017.6%205.3%2020.8C2.6%2024.4%205%2031%205%2031s.2%201.8%2012.5%202.6c-.3-3-.4-7.2.7-10.1m27.6%200C44.4%2020.1%2041%209.3%2034.3%204c15.3%201.1%2022%2013.6%2024.4%2016.8c2.7%203.6.3%2010.2.3%2010.2s-.2%201.8-12.5%202.6c.3-3%20.4-7.2-.7-10.1%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%225%22%20fill%3D%22%23c94747%22%20rx%3D%224%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23454749%22%20d%3D%22M32%2024.4c-16.2%200-23.9-.9-27.6-1.8C3.2%2026.2%205%2031%205%2031s.3%203%2027%203s27-3%2027-3s1.8-4.8.6-8.5c-3.7%201-11.4%201.9-27.6%201.9%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%224%22%20fill%3D%22%23fbbf67%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%3C%2Fsvg%3E") no-repeat center / contain;
}

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