santa claus emoji

santa-claus-medium-light-skin-tone from Twitter Emoji by Twitter · Medium-light skin tone · People & Body · CC-BY-4.0 Attribution required.

Name
santa-claus-medium-light-skin-tone
Set
Twitter Emoji
Style
Medium-light skin tone
Category
People & Body
Viewbox
36×36
License
CC BY 4.0

5 other variants in Twitter Emoji

santa-claussanta-claus-dark-skin-tonesanta-claus-light-skin-tonesanta-claus-medium-dark-skin-tonesanta-claus-medium-skin-tone

The same emoji in other sets

santa-clausEmoji One (Colored)santa-clausFluent Emojisanta-clausFluent Emoji Flatsanta-clausFluent Emoji High Contrastsanta-clausNoto Emojisanta-clausOpenMoji

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 santa claus emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M5 21c0 2.209-1.119 4-2.5 4S0 23.209 0 21s1.119-4 2.5-4S5 18.791 5 21"/><path fill="#f3d2a2" d="M3 18.562C3 10.037 8.373 3.125 15 3.125s12 6.912 12 15.438S21.627 34 15 34S3 27.088 3 18.562"/><path fill="#dd2e44" d="M20 0c-.249 0-.478.007-.713.012C19.19.01 19.097 0 19 0C9 0 2 4.582 2 9s6.373 4 13 4c4.442 0 7.648 0 9.966-.086L25 13l6 15h2s.343-3.055 1-7c1-6 .533-21-14-21"/><path fill="#f3d2a2" d="M30 21c0 2.209-1.119 4-2.5 4S25 23.209 25 21s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#662113" d="M10 21a1 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"/><path fill="#b7755e" d="M16 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#e6e7e8" d="M27 25c0-2-2.293-.707-3 0c-1 1-3 3-5 2c-2.828-1.414-4-1-4-1s-1.171-.414-4 1c-2 1-4-1-5-2c-.707-.707-3-2-3 0s1 2 1 2c-1 2 1 3 1 3c0 3 3 3 3 3c0 3 4 2 4 2c1 1 3 1 3 1s2 0 3-1c0 0 4 1 4-2c0 0 3 0 3-3c0 0 2-1 1-3c0 0 1 0 1-2"/><path fill="#f3d2a2" d="M15 28c7 0 4 2 0 2s-7-2 0-2"/><ellipse cx="3" cy="14" fill="#d1d3d4" rx="2" ry="4"/><ellipse cx="26" cy="14" fill="#d1d3d4" rx="2" ry="4"/><circle cx="32" cy="29" r="4" fill="#f1f2f2"/><path fill="#f1f2f2" d="M29 12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h25a2 2 0 0 1 2 2z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiSantaClausMediumLightSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M5 21c0 2.209-1.119 4-2.5 4S0 23.209 0 21s1.119-4 2.5-4S5 18.791 5 21"/><path fill="#f3d2a2" d="M3 18.562C3 10.037 8.373 3.125 15 3.125s12 6.912 12 15.438S21.627 34 15 34S3 27.088 3 18.562"/><path fill="#dd2e44" d="M20 0c-.249 0-.478.007-.713.012C19.19.01 19.097 0 19 0C9 0 2 4.582 2 9s6.373 4 13 4c4.442 0 7.648 0 9.966-.086L25 13l6 15h2s.343-3.055 1-7c1-6 .533-21-14-21"/><path fill="#f3d2a2" d="M30 21c0 2.209-1.119 4-2.5 4S25 23.209 25 21s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#662113" d="M10 21a1 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"/><path fill="#b7755e" d="M16 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#e6e7e8" d="M27 25c0-2-2.293-.707-3 0c-1 1-3 3-5 2c-2.828-1.414-4-1-4-1s-1.171-.414-4 1c-2 1-4-1-5-2c-.707-.707-3-2-3 0s1 2 1 2c-1 2 1 3 1 3c0 3 3 3 3 3c0 3 4 2 4 2c1 1 3 1 3 1s2 0 3-1c0 0 4 1 4-2c0 0 3 0 3-3c0 0 2-1 1-3c0 0 1 0 1-2"/><path fill="#f3d2a2" d="M15 28c7 0 4 2 0 2s-7-2 0-2"/><ellipse cx="3" cy="14" fill="#d1d3d4" rx="2" ry="4"/><ellipse cx="26" cy="14" fill="#d1d3d4" rx="2" ry="4"/><circle cx="32" cy="29" r="4" fill="#f1f2f2"/><path fill="#f1f2f2" d="M29 12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h25a2 2 0 0 1 2 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M5 21c0 2.209-1.119 4-2.5 4S0 23.209 0 21s1.119-4 2.5-4S5 18.791 5 21"/><path fill="#f3d2a2" d="M3 18.562C3 10.037 8.373 3.125 15 3.125s12 6.912 12 15.438S21.627 34 15 34S3 27.088 3 18.562"/><path fill="#dd2e44" d="M20 0c-.249 0-.478.007-.713.012C19.19.01 19.097 0 19 0C9 0 2 4.582 2 9s6.373 4 13 4c4.442 0 7.648 0 9.966-.086L25 13l6 15h2s.343-3.055 1-7c1-6 .533-21-14-21"/><path fill="#f3d2a2" d="M30 21c0 2.209-1.119 4-2.5 4S25 23.209 25 21s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#662113" d="M10 21a1 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"/><path fill="#b7755e" d="M16 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#e6e7e8" d="M27 25c0-2-2.293-.707-3 0c-1 1-3 3-5 2c-2.828-1.414-4-1-4-1s-1.171-.414-4 1c-2 1-4-1-5-2c-.707-.707-3-2-3 0s1 2 1 2c-1 2 1 3 1 3c0 3 3 3 3 3c0 3 4 2 4 2c1 1 3 1 3 1s2 0 3-1c0 0 4 1 4-2c0 0 3 0 3-3c0 0 2-1 1-3c0 0 1 0 1-2"/><path fill="#f3d2a2" d="M15 28c7 0 4 2 0 2s-7-2 0-2"/><ellipse cx="3" cy="14" fill="#d1d3d4" rx="2" ry="4"/><ellipse cx="26" cy="14" fill="#d1d3d4" rx="2" ry="4"/><circle cx="32" cy="29" r="4" fill="#f1f2f2"/><path fill="#f1f2f2" d="M29 12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h25a2 2 0 0 1 2 2z"/></svg>
</template>

CSS

.icon-santa-claus-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M5%2021c0%202.209-1.119%204-2.5%204S0%2023.209%200%2021s1.119-4%202.5-4S5%2018.791%205%2021%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M3%2018.562C3%2010.037%208.373%203.125%2015%203.125s12%206.912%2012%2015.438S21.627%2034%2015%2034S3%2027.088%203%2018.562%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M20%200c-.249%200-.478.007-.713.012C19.19.01%2019.097%200%2019%200C9%200%202%204.582%202%209s6.373%204%2013%204c4.442%200%207.648%200%209.966-.086L25%2013l6%2015h2s.343-3.055%201-7c1-6%20.533-21-14-21%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M30%2021c0%202.209-1.119%204-2.5%204S25%2023.209%2025%2021s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M10%2021a1%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%3Cpath%20fill%3D%22%23b7755e%22%20d%3D%22M16%2026h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M27%2025c0-2-2.293-.707-3%200c-1%201-3%203-5%202c-2.828-1.414-4-1-4-1s-1.171-.414-4%201c-2%201-4-1-5-2c-.707-.707-3-2-3%200s1%202%201%202c-1%202%201%203%201%203c0%203%203%203%203%203c0%203%204%202%204%202c1%201%203%201%203%201s2%200%203-1c0%200%204%201%204-2c0%200%203%200%203-3c0%200%202-1%201-3c0%200%201%200%201-2%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M15%2028c7%200%204%202%200%202s-7-2%200-2%22%2F%3E%3Cellipse%20cx%3D%223%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Cellipse%20cx%3D%2226%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%224%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Cpath%20fill%3D%22%23f1f2f2%22%20d%3D%22M29%2012a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-1a2%202%200%200%201%202-2h25a2%202%200%200%201%202%202z%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%23f3d2a2%22%20d%3D%22M5%2021c0%202.209-1.119%204-2.5%204S0%2023.209%200%2021s1.119-4%202.5-4S5%2018.791%205%2021%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M3%2018.562C3%2010.037%208.373%203.125%2015%203.125s12%206.912%2012%2015.438S21.627%2034%2015%2034S3%2027.088%203%2018.562%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M20%200c-.249%200-.478.007-.713.012C19.19.01%2019.097%200%2019%200C9%200%202%204.582%202%209s6.373%204%2013%204c4.442%200%207.648%200%209.966-.086L25%2013l6%2015h2s.343-3.055%201-7c1-6%20.533-21-14-21%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M30%2021c0%202.209-1.119%204-2.5%204S25%2023.209%2025%2021s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M10%2021a1%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%3Cpath%20fill%3D%22%23b7755e%22%20d%3D%22M16%2026h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M27%2025c0-2-2.293-.707-3%200c-1%201-3%203-5%202c-2.828-1.414-4-1-4-1s-1.171-.414-4%201c-2%201-4-1-5-2c-.707-.707-3-2-3%200s1%202%201%202c-1%202%201%203%201%203c0%203%203%203%203%203c0%203%204%202%204%202c1%201%203%201%203%201s2%200%203-1c0%200%204%201%204-2c0%200%203%200%203-3c0%200%202-1%201-3c0%200%201%200%201-2%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M15%2028c7%200%204%202%200%202s-7-2%200-2%22%2F%3E%3Cellipse%20cx%3D%223%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Cellipse%20cx%3D%2226%22%20cy%3D%2214%22%20fill%3D%22%23d1d3d4%22%20rx%3D%222%22%20ry%3D%224%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%224%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Cpath%20fill%3D%22%23f1f2f2%22%20d%3D%22M29%2012a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-1a2%202%200%200%201%202-2h25a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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