person with skullcap emoji

person-with-skullcap from Twitter Emoji by Twitter · Default · People & Body · CC-BY-4.0 Attribution required.

Name
person-with-skullcap
Set
Twitter Emoji
Style
Default
Category
People & Body
Viewbox
36×36
License
CC BY 4.0
Aliases
man-with-chinese-cap, man-with-skullcap

5 other variants in Twitter Emoji

person-with-skullcap-dark-skin-toneperson-with-skullcap-light-skin-toneperson-with-skullcap-medium-dark-skin-toneperson-with-skullcap-medium-light-skin-toneperson-with-skullcap-medium-skin-tone

The same emoji in other sets

person-with-skullcapFluent Emojiperson-with-skullcapFluent Emoji Flatperson-with-skullcapFluent Emoji High Contrastperson-with-skullcapNoto Emojiperson-with-skullcapOpenMoji

More people & body icons from Twitter Emoji

anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man

Use the person with skullcap emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M30.5 14c-.428 0-.824.188-1.177.491C27.69 8.459 23.244 4.125 18 4.125S8.309 8.46 6.676 14.49C6.324 14.188 5.928 14 5.5 14C4.119 14 3 15.79 3 18s1.119 4 2.5 4c.225 0 .438-.062.646-.151C7.006 29.287 11.978 35 18 35s10.993-5.713 11.854-13.152c.208.09.421.152.646.152c1.381 0 2.5-1.791 2.5-4s-1.119-4-2.5-4"/><path fill="#dd2e44" d="M6 12.11C6 7.055 10.958 1 18 1s12 6.056 12 11.111C30 12.833 25.041 15 18 15S6 12.833 6 12.11"/><path fill="#c1694f" d="M18 31c-2.21 0-4.357-1.06-4.447-1.105a1 1 0 0 1 .893-1.79c.018.009 1.824.895 3.554.895s3.536-.886 3.554-.896a1 1 0 0 1 .894 1.79C22.356 29.94 20.211 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#77b255" d="M18 1s5 4 6 8c.97 3.88 0 7 0 7H12s-1-3 0-7s6-8 6-8"/><path fill="#414042" d="M6 11s3 3 12 3s12-3 12-3s1 2 0 3s-4 3-12 3s-11-2-12-3s0-3 0-3"/><ellipse cx="18" cy="1" fill="#414042" rx="2" ry="1"/><ellipse cx="18" cy="11" fill="#ffd983" rx="3" ry="2"/><path fill="#662113" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiPersonWithSkullcap(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M30.5 14c-.428 0-.824.188-1.177.491C27.69 8.459 23.244 4.125 18 4.125S8.309 8.46 6.676 14.49C6.324 14.188 5.928 14 5.5 14C4.119 14 3 15.79 3 18s1.119 4 2.5 4c.225 0 .438-.062.646-.151C7.006 29.287 11.978 35 18 35s10.993-5.713 11.854-13.152c.208.09.421.152.646.152c1.381 0 2.5-1.791 2.5-4s-1.119-4-2.5-4"/><path fill="#dd2e44" d="M6 12.11C6 7.055 10.958 1 18 1s12 6.056 12 11.111C30 12.833 25.041 15 18 15S6 12.833 6 12.11"/><path fill="#c1694f" d="M18 31c-2.21 0-4.357-1.06-4.447-1.105a1 1 0 0 1 .893-1.79c.018.009 1.824.895 3.554.895s3.536-.886 3.554-.896a1 1 0 0 1 .894 1.79C22.356 29.94 20.211 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#77b255" d="M18 1s5 4 6 8c.97 3.88 0 7 0 7H12s-1-3 0-7s6-8 6-8"/><path fill="#414042" d="M6 11s3 3 12 3s12-3 12-3s1 2 0 3s-4 3-12 3s-11-2-12-3s0-3 0-3"/><ellipse cx="18" cy="1" fill="#414042" rx="2" ry="1"/><ellipse cx="18" cy="11" fill="#ffd983" rx="3" ry="2"/><path fill="#662113" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M30.5 14c-.428 0-.824.188-1.177.491C27.69 8.459 23.244 4.125 18 4.125S8.309 8.46 6.676 14.49C6.324 14.188 5.928 14 5.5 14C4.119 14 3 15.79 3 18s1.119 4 2.5 4c.225 0 .438-.062.646-.151C7.006 29.287 11.978 35 18 35s10.993-5.713 11.854-13.152c.208.09.421.152.646.152c1.381 0 2.5-1.791 2.5-4s-1.119-4-2.5-4"/><path fill="#dd2e44" d="M6 12.11C6 7.055 10.958 1 18 1s12 6.056 12 11.111C30 12.833 25.041 15 18 15S6 12.833 6 12.11"/><path fill="#c1694f" d="M18 31c-2.21 0-4.357-1.06-4.447-1.105a1 1 0 0 1 .893-1.79c.018.009 1.824.895 3.554.895s3.536-.886 3.554-.896a1 1 0 0 1 .894 1.79C22.356 29.94 20.211 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#77b255" d="M18 1s5 4 6 8c.97 3.88 0 7 0 7H12s-1-3 0-7s6-8 6-8"/><path fill="#414042" d="M6 11s3 3 12 3s12-3 12-3s1 2 0 3s-4 3-12 3s-11-2-12-3s0-3 0-3"/><ellipse cx="18" cy="1" fill="#414042" rx="2" ry="1"/><ellipse cx="18" cy="11" fill="#ffd983" rx="3" ry="2"/><path fill="#662113" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/></svg>
</template>

CSS

.icon-person-with-skullcap {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M30.5%2014c-.428%200-.824.188-1.177.491C27.69%208.459%2023.244%204.125%2018%204.125S8.309%208.46%206.676%2014.49C6.324%2014.188%205.928%2014%205.5%2014C4.119%2014%203%2015.79%203%2018s1.119%204%202.5%204c.225%200%20.438-.062.646-.151C7.006%2029.287%2011.978%2035%2018%2035s10.993-5.713%2011.854-13.152c.208.09.421.152.646.152c1.381%200%202.5-1.791%202.5-4s-1.119-4-2.5-4%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M6%2012.11C6%207.055%2010.958%201%2018%201s12%206.056%2012%2011.111C30%2012.833%2025.041%2015%2018%2015S6%2012.833%206%2012.11%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18%2031c-2.21%200-4.357-1.06-4.447-1.105a1%201%200%200%201%20.893-1.79c.018.009%201.824.895%203.554.895s3.536-.886%203.554-.896a1%201%200%200%201%20.894%201.79C22.356%2029.94%2020.211%2031%2018%2031m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M18%201s5%204%206%208c.97%203.88%200%207%200%207H12s-1-3%200-7s6-8%206-8%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M6%2011s3%203%2012%203s12-3%2012-3s1%202%200%203s-4%203-12%203s-11-2-12-3s0-3%200-3%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%221%22%20fill%3D%22%23414042%22%20rx%3D%222%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2211%22%20fill%3D%22%23ffd983%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2022a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m10%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M30.5%2014c-.428%200-.824.188-1.177.491C27.69%208.459%2023.244%204.125%2018%204.125S8.309%208.46%206.676%2014.49C6.324%2014.188%205.928%2014%205.5%2014C4.119%2014%203%2015.79%203%2018s1.119%204%202.5%204c.225%200%20.438-.062.646-.151C7.006%2029.287%2011.978%2035%2018%2035s10.993-5.713%2011.854-13.152c.208.09.421.152.646.152c1.381%200%202.5-1.791%202.5-4s-1.119-4-2.5-4%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M6%2012.11C6%207.055%2010.958%201%2018%201s12%206.056%2012%2011.111C30%2012.833%2025.041%2015%2018%2015S6%2012.833%206%2012.11%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18%2031c-2.21%200-4.357-1.06-4.447-1.105a1%201%200%200%201%20.893-1.79c.018.009%201.824.895%203.554.895s3.536-.886%203.554-.896a1%201%200%200%201%20.894%201.79C22.356%2029.94%2020.211%2031%2018%2031m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M18%201s5%204%206%208c.97%203.88%200%207%200%207H12s-1-3%200-7s6-8%206-8%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M6%2011s3%203%2012%203s12-3%2012-3s1%202%200%203s-4%203-12%203s-11-2-12-3s0-3%200-3%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%221%22%20fill%3D%22%23414042%22%20rx%3D%222%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2211%22%20fill%3D%22%23ffd983%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2022a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m10%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/person-with-skullcap.svg?color=%231a73e8&size=48