mrs claus emoji
mrs-claus-medium-dark-skin-tone from Twitter Emoji by Twitter · Medium-dark skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- mrs-claus-medium-dark-skin-tone
- Set
- Twitter Emoji
- Style
- Medium-dark skin tone
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
5 other variants in Twitter Emoji
The same emoji in other sets
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 mrs claus emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d1d3d4" d="M10 25c0-2.209-.896-4-2-4s-2-2-2 3c0 2.209 1 5 3 5c1.104 0 1 0 1-4m16.003 0c0-2.209.896-4 2-4s2-2 2 3c0 2.209-1 5-3 5c-1.105 0-1 0-1-4"/><path fill="#af7e57" d="M6 18.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438C30 28 23 34 18 34S6 28 6 18.562"/><ellipse cx="7" cy="14" fill="#d1d3d4" rx="2" ry="4"/><path fill="#af7e57" d="M8 21c0 2.209-1.119 4-2.5 4S3 23.209 3 21s1.119-4 2.5-4S8 18.791 8 21"/><ellipse cx="29" cy="14" fill="#d1d3d4" rx="2" ry="4"/><path fill="#af7e57" d="M33 21c0 2.209-1.119 4-2.5 4S28 23.209 28 21s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#dd2e44" d="M30.961 10c.016-.185.039-.368.039-.556C31 4.229 25.175 0 17.989 0S4.978 4.229 4.978 9.444c0 .188.024.371.039.556zM18 30.651c-2.42 0-4.274-.687-4.352-.715a1 1 0 0 1 .702-1.873c.016.006 1.61.588 3.65.588s3.635-.582 3.65-.588a1 1 0 0 1 1.285.587a1 1 0 0 1-.584 1.286c-.077.029-1.93.715-4.351.715"/><path fill="#915a34" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#60352a" d="M12 23a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1m12 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><circle cx="18" cy="11" r="4" fill="#f1f2f2"/><circle cx="11.5" cy="11.5" r="3.5" fill="#f1f2f2"/><circle cx="6" cy="12" r="3" fill="#f1f2f2"/><circle cx="24.5" cy="11.5" r="3.5" fill="#f1f2f2"/><circle cx="30" cy="12" r="3" fill="#f1f2f2"/><ellipse cx="23.5" cy="24" fill="#d1d3d4" rx="3.5" ry="2"/><ellipse cx="12.5" cy="24" fill="#d1d3d4" rx="3.5" ry="2"/><path fill="#f1f2f2" d="M33 12c0-1.657-30-1.657-30 0s1.343 3 3 3h24a3 3 0 0 0 3-3"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMrsClausMediumDarkSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d1d3d4" d="M10 25c0-2.209-.896-4-2-4s-2-2-2 3c0 2.209 1 5 3 5c1.104 0 1 0 1-4m16.003 0c0-2.209.896-4 2-4s2-2 2 3c0 2.209-1 5-3 5c-1.105 0-1 0-1-4"/><path fill="#af7e57" d="M6 18.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438C30 28 23 34 18 34S6 28 6 18.562"/><ellipse cx="7" cy="14" fill="#d1d3d4" rx="2" ry="4"/><path fill="#af7e57" d="M8 21c0 2.209-1.119 4-2.5 4S3 23.209 3 21s1.119-4 2.5-4S8 18.791 8 21"/><ellipse cx="29" cy="14" fill="#d1d3d4" rx="2" ry="4"/><path fill="#af7e57" d="M33 21c0 2.209-1.119 4-2.5 4S28 23.209 28 21s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#dd2e44" d="M30.961 10c.016-.185.039-.368.039-.556C31 4.229 25.175 0 17.989 0S4.978 4.229 4.978 9.444c0 .188.024.371.039.556zM18 30.651c-2.42 0-4.274-.687-4.352-.715a1 1 0 0 1 .702-1.873c.016.006 1.61.588 3.65.588s3.635-.582 3.65-.588a1 1 0 0 1 1.285.587a1 1 0 0 1-.584 1.286c-.077.029-1.93.715-4.351.715"/><path fill="#915a34" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#60352a" d="M12 23a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1m12 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><circle cx="18" cy="11" r="4" fill="#f1f2f2"/><circle cx="11.5" cy="11.5" r="3.5" fill="#f1f2f2"/><circle cx="6" cy="12" r="3" fill="#f1f2f2"/><circle cx="24.5" cy="11.5" r="3.5" fill="#f1f2f2"/><circle cx="30" cy="12" r="3" fill="#f1f2f2"/><ellipse cx="23.5" cy="24" fill="#d1d3d4" rx="3.5" ry="2"/><ellipse cx="12.5" cy="24" fill="#d1d3d4" rx="3.5" ry="2"/><path fill="#f1f2f2" d="M33 12c0-1.657-30-1.657-30 0s1.343 3 3 3h24a3 3 0 0 0 3-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d1d3d4" d="M10 25c0-2.209-.896-4-2-4s-2-2-2 3c0 2.209 1 5 3 5c1.104 0 1 0 1-4m16.003 0c0-2.209.896-4 2-4s2-2 2 3c0 2.209-1 5-3 5c-1.105 0-1 0-1-4"/><path fill="#af7e57" d="M6 18.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438C30 28 23 34 18 34S6 28 6 18.562"/><ellipse cx="7" cy="14" fill="#d1d3d4" rx="2" ry="4"/><path fill="#af7e57" d="M8 21c0 2.209-1.119 4-2.5 4S3 23.209 3 21s1.119-4 2.5-4S8 18.791 8 21"/><ellipse cx="29" cy="14" fill="#d1d3d4" rx="2" ry="4"/><path fill="#af7e57" d="M33 21c0 2.209-1.119 4-2.5 4S28 23.209 28 21s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#dd2e44" d="M30.961 10c.016-.185.039-.368.039-.556C31 4.229 25.175 0 17.989 0S4.978 4.229 4.978 9.444c0 .188.024.371.039.556zM18 30.651c-2.42 0-4.274-.687-4.352-.715a1 1 0 0 1 .702-1.873c.016.006 1.61.588 3.65.588s3.635-.582 3.65-.588a1 1 0 0 1 1.285.587a1 1 0 0 1-.584 1.286c-.077.029-1.93.715-4.351.715"/><path fill="#915a34" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#60352a" d="M12 23a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1m12 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><circle cx="18" cy="11" r="4" fill="#f1f2f2"/><circle cx="11.5" cy="11.5" r="3.5" fill="#f1f2f2"/><circle cx="6" cy="12" r="3" fill="#f1f2f2"/><circle cx="24.5" cy="11.5" r="3.5" fill="#f1f2f2"/><circle cx="30" cy="12" r="3" fill="#f1f2f2"/><ellipse cx="23.5" cy="24" fill="#d1d3d4" rx="3.5" ry="2"/><ellipse cx="12.5" cy="24" fill="#d1d3d4" rx="3.5" ry="2"/><path fill="#f1f2f2" d="M33 12c0-1.657-30-1.657-30 0s1.343 3 3 3h24a3 3 0 0 0 3-3"/></svg> </template>
CSS
.icon-mrs-claus-medium-dark-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d1d3d4%22%20d%3D%22M10%2025c0-2.209-.896-4-2-4s-2-2-2%203c0%202.209%201%205%203%205c1.104%200%201%200%201-4m16.003%200c0-2.209.896-4%202-4s2-2%202%203c0%202.209-1%205-3%205c-1.105%200-1%200-1-4%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M6%2018.562c0-8.526%205.373-15.438%2012-15.438s12%206.912%2012%2015.438C30%2028%2023%2034%2018%2034S6%2028%206%2018.562%22%2F%3E%3Cellipse%20cx%3D%227%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M8%2021c0%202.209-1.119%204-2.5%204S3%2023.209%203%2021s1.119-4%202.5-4S8%2018.791%208%2021%22%2F%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M33%2021c0%202.209-1.119%204-2.5%204S28%2023.209%2028%2021s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M30.961%2010c.016-.185.039-.368.039-.556C31%204.229%2025.175%200%2017.989%200S4.978%204.229%204.978%209.444c0%20.188.024.371.039.556zM18%2030.651c-2.42%200-4.274-.687-4.352-.715a1%201%200%200%201%20.702-1.873c.016.006%201.61.588%203.65.588s3.635-.582%203.65-.588a1%201%200%200%201%201.285.587a1%201%200%200%201-.584%201.286c-.077.029-1.93.715-4.351.715%22%2F%3E%3Cpath%20fill%3D%22%23915a34%22%20d%3D%22M19%2026h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%2360352a%22%20d%3D%22M12%2023a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201m12%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2211%22%20r%3D%224%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%223.5%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2211.5%22%20r%3D%223.5%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Cellipse%20cx%3D%2223.5%22%20cy%3D%2224%22%20fill%3D%22%23d1d3d4%22%20rx%3D%223.5%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2212.5%22%20cy%3D%2224%22%20fill%3D%22%23d1d3d4%22%20rx%3D%223.5%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23f1f2f2%22%20d%3D%22M33%2012c0-1.657-30-1.657-30%200s1.343%203%203%203h24a3%203%200%200%200%203-3%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%23d1d3d4%22%20d%3D%22M10%2025c0-2.209-.896-4-2-4s-2-2-2%203c0%202.209%201%205%203%205c1.104%200%201%200%201-4m16.003%200c0-2.209.896-4%202-4s2-2%202%203c0%202.209-1%205-3%205c-1.105%200-1%200-1-4%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M6%2018.562c0-8.526%205.373-15.438%2012-15.438s12%206.912%2012%2015.438C30%2028%2023%2034%2018%2034S6%2028%206%2018.562%22%2F%3E%3Cellipse%20cx%3D%227%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M8%2021c0%202.209-1.119%204-2.5%204S3%2023.209%203%2021s1.119-4%202.5-4S8%2018.791%208%2021%22%2F%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M33%2021c0%202.209-1.119%204-2.5%204S28%2023.209%2028%2021s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M30.961%2010c.016-.185.039-.368.039-.556C31%204.229%2025.175%200%2017.989%200S4.978%204.229%204.978%209.444c0%20.188.024.371.039.556zM18%2030.651c-2.42%200-4.274-.687-4.352-.715a1%201%200%200%201%20.702-1.873c.016.006%201.61.588%203.65.588s3.635-.582%203.65-.588a1%201%200%200%201%201.285.587a1%201%200%200%201-.584%201.286c-.077.029-1.93.715-4.351.715%22%2F%3E%3Cpath%20fill%3D%22%23915a34%22%20d%3D%22M19%2026h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%2360352a%22%20d%3D%22M12%2023a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201m12%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2211%22%20r%3D%224%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%223.5%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2211.5%22%20r%3D%223.5%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Cellipse%20cx%3D%2223.5%22%20cy%3D%2224%22%20fill%3D%22%23d1d3d4%22%20rx%3D%223.5%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2212.5%22%20cy%3D%2224%22%20fill%3D%22%23d1d3d4%22%20rx%3D%223.5%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23f1f2f2%22%20d%3D%22M33%2012c0-1.657-30-1.657-30%200s1.343%203%203%203h24a3%203%200%200%200%203-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mrs-claus-medium-dark-skin-tone.svg?color=%231a73e8&size=48