Skip to content
shadcn.io

Mx Claus Medium Light Skin Tone

The mx-claus-medium-light-skin-tone icon represents Santa Claus with a medium-light skin tone, promoting diversity and inclusivity during the holiday season.

Add shadcn.io to your AI agent. · Pro It installs Mx Claus Medium Light Skin Tone, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Mx Claus Medium Light Skin Tone icon from Noto Emoji
Get Pro

3,800 in Noto EmojiApache 2.0 license (opens in a new tab)Free to copy and download

Code

Mx Claus Medium Light Skin Tone in your framework

In any framework. Customize it above, and the code follows.

export const MxClausMediumLightSkinToneIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
    <path fill="#BDBDBD" d="M98.9 79.85c-1.25-2.27.34-4.58 3.06-7.44c4.31-4.54 9-15.07 4.64-25.76c.03-.06-.86-1.86-.83-1.92l-1.79-.09c-.57-.08-20.26-.12-39.97-.12s-36.06.07-36.06.07c-2.84 1.92-14.39 13.87-2.1 28.52c2.53 3.02 4.5 4.48 3.26 6.75c-1.21 2.21-4.81 2.53-4.81 2.53s.83 2.26 2.83 3.48c1.85 1.13 4.13 1.39 5.7 1.43c0 0 6.15 8.51 22.23 8.51h17.9c16.08 0 22.23-8.51 22.23-8.51c1.57-.04 3.85-.3 5.7-1.43c2-1.22 2.83-3.48 2.83-3.48s-3.61-.33-4.82-2.54"/><g opacity=".5"><radialGradient id="SVGDqaPkdKv" cx="99.144" cy="81.941" r="23.419" gradientTransform="matrix(1 0 0 -.4912 -20.067 122.19)" gradientUnits="userSpaceOnUse"><stop offset=".732" stopColor="#D6D6D6" stopOpacity="0"/><stop offset=".806" stopColor="#E6E6E6" stopOpacity=".279"/><stop offset=".92" stopColor="#F8F8F8" stopOpacity=".701"/><stop offset="1" stopColor="#FFF"/></radialGradient><path fill="url(#SVGDqaPkdKv)" d="M63.99 95.79v-9.44l28.57-2.26l2.6 3.2s-6.15 8.51-22.23 8.51z"/><radialGradient id="SVG6RAn2bcn" cx="76.6" cy="78.652" r="8.076" gradientTransform="matrix(-.9057 .4238 .2547 .5443 150.97 3.378)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF"/><stop offset=".299" stopColor="#F8F8F8" stopOpacity=".701"/><stop offset=".721" stopColor="#E6E6E6" stopOpacity=".279"/><stop offset="1" stopColor="#D6D6D6" stopOpacity="0"/></radialGradient><path fill="url(#SVG6RAn2bcn)" d="M95.1 83.16c-4.28-6.5 5.21-8.93 5.21-8.93l.01.01c-1.65 2.05-2.4 3.84-1.43 5.61c1.21 2.21 4.81 2.53 4.81 2.53s-4.91 4.36-8.6.78"/><radialGradient id="SVGbmFcidnw" cx="87.217" cy="57.169" r="30.399" gradientTransform="matrix(-.0746 -.9972 -.6085 .0455 132.297 141.54)" gradientUnits="userSpaceOnUse"><stop offset=".592" stopColor="#D6D6D6" stopOpacity="0"/><stop offset=".706" stopColor="#E6E6E6" stopOpacity=".279"/><stop offset=".878" stopColor="#F8F8F8" stopOpacity=".701"/><stop offset="1" stopColor="#FFF"/></radialGradient><path fill="url(#SVGbmFcidnw)" d="M106.62 46.65c4.25 10.35-.22 21.01-4.41 25.51c-.58.62-3.01 3.01-3.57 4.92c0 0-9.54-13.31-12.39-21.13c-.58-1.58-1.1-3.2-1.17-4.88c-.05-1.26.14-2.76.87-3.82c.89-1.31 20.16-1.7 20.16-1.7z"/><radialGradient id="SVGxZ3XZOsl" cx="141.051" cy="81.941" r="23.419" gradientTransform="matrix(-1 0 0 -.4912 190.018 122.19)" gradientUnits="userSpaceOnUse"><stop offset=".732" stopColor="#D6D6D6" stopOpacity="0"/><stop offset=".806" stopColor="#E6E6E6" stopOpacity=".279"/><stop offset=".92" stopColor="#F8F8F8" stopOpacity=".701"/><stop offset="1" stopColor="#FFF"/></radialGradient><path fill="url(#SVGxZ3XZOsl)" d="M64.06 95.79v-9.44l-28.57-2.26l-2.6 3.2s6.15 8.51 22.23 8.51z"/><radialGradient id="SVGm2suCcXt" cx="118.507" cy="78.652" r="8.076" gradientTransform="matrix(.9057 .4238 -.2547 .5443 -60.883 -14.383)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF"/><stop offset=".299" stopColor="#F8F8F8" stopOpacity=".701"/><stop offset=".721" stopColor="#E6E6E6" stopOpacity=".279"/><stop offset="1" stopColor="#D6D6D6" stopOpacity="0"/></radialGradient><path fill="url(#SVGm2suCcXt)" d="M32.95 83.16c4.28-6.5-5.21-8.93-5.21-8.93l-.01.01c1.65 2.05 2.4 3.84 1.43 5.61c-1.21 2.21-4.81 2.53-4.81 2.53s4.9 4.36 8.6.78"/><radialGradient id="SVGjoXgnclt" cx="36.646" cy="56.735" r="31.342" gradientTransform="matrix(.0746 -.9972 .5876 .044 .576 90.785)" gradientUnits="userSpaceOnUse"><stop offset=".592" stopColor="#D6D6D6" stopOpacity="0"/><stop offset=".706" stopColor="#E6E6E6" stopOpacity=".279"/><stop offset=".878" stopColor="#F8F8F8" stopOpacity=".701"/><stop offset="1" stopColor="#FFF"/></radialGradient><path fill="url(#SVGjoXgnclt)" d="M25.84 73.1c1.41 1.68 2.64 2.87 3.24 3.99c.62-.88 9.6-13.53 12.35-21.08c.58-1.58 1.1-3.2 1.17-4.88c.04-.92-.58-4.38-1.19-6.6c-8.18.02-13.48.04-13.48.04c-2.83 1.93-14.38 13.88-2.09 28.53"/></g><linearGradient id="SVGufN2IdTy" x1="64" x2="64" y1="34.505" y2="1.849" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#F44336"/><stop offset=".359" stopColor="#E73B32"/><stop offset="1" stopColor="#C62828"/></linearGradient><path fill="url(#SVGufN2IdTy)" d="M64.14 95.97H64c-25.65.03-52 7.1-52 24.99V124h104v-3.04c0-16.86-26.1-24.99-51.86-24.99"/><path fill="#C48E6A" d="M90.76 49.55H37.19c-5.78 0-10.5 5.17-10.5 11.5s4.73 11.5 10.5 11.5h53.57c5.78 0 10.5-5.18 10.5-11.5s-4.72-11.5-10.5-11.5"/><path fill="#E0BB95" d="M63.59 10.47c-17.08 0-32.89 18.26-32.89 44.54c0 26.13 16.29 39.06 32.89 39.06s32.89-12.92 32.89-39.06c0-26.28-15.82-44.54-32.89-44.54"/><path fill="#BA8F63" d="M91.5 61.5c-.12 0-.25-.02-.37-.07l-4.43-1.76a1 1 0 0 1-.62-.79c-.05-.35.09-.71.37-.93l3.56-2.8a.99.99 0 0 1 1.4.17c.34.43.27 1.06-.17 1.4l-2.19 1.73l2.82 1.12c.51.2.76.79.56 1.3c-.16.39-.53.63-.93.63M46.55 79.81c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41L52.95 71a.996.996 0 1 1 1.41 1.41l-7.11 7.11a.96.96 0 0 1-.7.29m34.85 0c-.26 0-.51-.1-.71-.29l-7.11-7.11A.996.996 0 1 1 74.99 71l7.11 7.11c.39.39.39 1.02 0 1.41c-.19.2-.44.29-.7.29M36.5 61.5c-.4 0-.77-.24-.93-.63c-.2-.51.05-1.1.56-1.3l2.82-1.12l-2.19-1.73a1 1 0 0 1-.17-1.4a1 1 0 0 1 1.4-.17l3.55 2.8c.28.22.42.58.37.93s-.29.65-.62.79l-4.43 1.76c-.11.05-.24.07-.36.07m15.07-18.22a1 1 0 0 0 1.23.98c2.68-.63 6.48-1.27 10.87-1.27c4.52 0 8.55.68 11.38 1.33a.997.997 0 0 0 1.22-.98c0-.47-.33-.88-.79-.98C72.55 41.69 68.4 41 63.67 41c-4.59 0-8.53.65-11.32 1.31c-.46.1-.78.5-.78.97"/><path fill="#6D4C41" d="M72.24 76.15c-3.12 1.86-13.37 1.86-16.5 0c-1.79-1.07-3.63.57-2.88 2.2c.73 1.6 6.32 5.32 11.16 5.32s10.35-3.72 11.08-5.32c.74-1.63-1.07-3.27-2.86-2.2"/><g fill="#5D4037"><ellipse cx="47.69" cy="59.26" rx="4.83" ry="5.01"/><ellipse cx="80.32" cy="59.26" rx="4.83" ry="5.01"/></g><path fill="#9E9E9E" d="M54.8 49.82c-.93-1.23-3.07-3.01-7.23-3.01s-6.31 1.79-7.23 3.01c-.41.54-.31 1.17-.02 1.55c.26.35 1.04.68 1.9.39s2.54-1.16 5.35-1.18c2.81.02 4.49.89 5.35 1.18s1.64-.03 1.9-.39c.28-.38.39-1.01-.02-1.55m32.87 0c-.93-1.23-3.07-3.01-7.23-3.01s-6.31 1.79-7.23 3.01c-.41.54-.31 1.17-.02 1.55c.26.35 1.04.68 1.9.39s2.54-1.16 5.35-1.18c2.81.02 4.49.89 5.35 1.18s1.64-.03 1.9-.39c.28-.38.39-1.01-.02-1.55"/><path fill="#BDBDBD" d="M99.33 30.12c-2.39-6.49-53.02-18.6-69.58 3.72c-3.25 4.39-.49 18.64-.49 18.64c-.46 8.01 1.03 12.94 1.82 14.94c.14.35.63.32.72-.04c.99-3.96 4.37-17.8 4.03-20.21c0 0 11.35-2.25 22.17-10.22c2.2-1.62 4.59-3 7.13-4.02c13.59-5.41 16.44 3.82 16.44 3.82s9.42-1.81 12.26 11.27c1.07 4.9 1.8 12.75 2.4 18.24c.04.39.57.47.73.11c.95-2.17 8.14-20.62 2.37-36.25"/><linearGradient id="SVGwtYAqexc" x1="27.61" x2="105.482" y1="97.108" y2="97.108" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#F44336"/><stop offset=".359" stopColor="#E73B32"/><stop offset="1" stopColor="#C62828"/></linearGradient><path fill="url(#SVGwtYAqexc)" d="M90.92 11.55C85.56 7.07 77.56 4.3 63.59 4.3c-25.64 0-35.98 16.53-35.98 36.87c0 .08 2.42.25 2.91.29c.06 0 .11.01.17.01L64 32s30.06 9.38 30.31 10.22L100 59.73a2.445 2.445 0 0 0 2.35 1.75c1.29 0 2.36-1 2.45-2.29c.18-2.87.48-8.01.62-12.9c.2-7.43.86-21.91-14.5-34.74"/><radialGradient id="SVGqcVKyd4p" cx="98.505" cy="62.395" r="14.189" gradientTransform="matrix(1 0 0 1.0094 0 -.585)" gradientUnits="userSpaceOnUse"><stop offset=".539" stopColor="#F5F5F5"/><stop offset="1" stopColor="#BDBDBD"/></radialGradient><circle cx="101.91" cy="63.86" r="6.75" fill="url(#SVGqcVKyd4p)"/><path fill="#F5F5F5" d="M97.06 30.73c-.97-.7-15.42-8.72-34.98-8.72s-34.01 8.01-34.98 8.72c-4.02 2.91-4.34 7.49-1.86 11.86c1.42 2.52 4.76 1.98 5.32 1.4c0 0 13.49-5.51 31.53-5.51s31.52 5.51 31.52 5.51c.56.58 3.89 1.12 5.32-1.4c2.47-4.37 2.15-8.95-1.87-11.86"/><path fill="#C48E6A" d="M67.79 68.38c-.1-.04-.21-.07-.32-.08h-6.94c-.11.01-.21.04-.32.08c-.63.25-.97.91-.68 1.6s1.68 2.64 4.46 2.64c2.79 0 4.17-1.95 4.46-2.64c.31-.69-.03-1.34-.66-1.6"/><radialGradient id="SVGc3YEwdGF" cx="81.362" cy="29.031" r="11.723" gradientTransform="matrix(.8655 -.5008 -.9673 -1.6717 39.02 190.249)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#E0E0E0"/><stop offset=".656" stopColor="#F5F5F5"/></radialGradient><path fill="url(#SVGc3YEwdGF)" d="M96.24 103c-.8 1.87-5.27 4.58-10.09 6.49l-.08-2.37c0-6.09-1.08-11.33-6.49-14.19c-1.14-.53-2.61-1.17-3.75-1.34c1.57-.79 4.13-2.27 5.82-3.25c.51-.3 1.04-.43 1.57-.43c3.59 0 7.33 6.1 8.8 7.8c1.56 1.78 4.91 5.65 4.22 7.29"/><linearGradient id="SVGNslDodmi" x1="31.672" x2="74.379" y1="28.637" y2="28.637" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset=".676" stopColor="#F5F5F5"/><stop offset="1" stopColor="#E0E0E0"/></linearGradient><path fill="url(#SVGNslDodmi)" d="M71.68 112.89c-1.83.18-4.65.34-6.5.34c-.4 0-.79-.01-1.18-.01c-.4 0-.78.01-1.19.01c-14.49 0-29.27-6.02-31.05-10.21c-.69-1.64 2.66-5.52 4.22-7.3c1.47-1.69 5.29-6.22 9.11-6.22c.56 0 1.12.1 1.67.31c6.5 2.55 8.73 4.57 18.28 3.48c0 0 5.94 7.26 6.22 10.71c.14 1.77.44 5.14.42 8.89"/><path fill="#FAFAFA" d="M87.14 106.67c0-6.09-1.7-12.21-6.84-14.6c-1.86-.86-3.77-1.19-5.6-1.19c-5.75 0-10.39 2.5-10.39 2.5s5.96 7.31 6.24 10.77c.28 3.44.16 12.71.01 19.86h17.12z"/>
  </svg>
);

Noto Emoji

More like it

Icons that share its tags, then the ones next to it in Noto Emoji, in the same style.

All 3,800 icons
  • Mx Claus Light Skin Tone icon from Noto Emoji
  • Santa Claus Light Skin Tone icon from Noto Emoji
  • Santa Claus Medium Light Skin Tone icon from Noto Emoji
  • Mrs Claus Light Skin Tone icon from Noto Emoji
  • Mrs Claus Medium Light Skin Tone icon from Noto Emoji
  • Snowboarder Light Skin Tone icon from Noto Emoji
  • Snowboarder Medium Light Skin Tone icon from Noto Emoji
  • Clapping Hands Light Skin Tone icon from Noto Emoji
  • Clapping Hands Medium Light Skin Tone icon from Noto Emoji
  • Man Dancing Medium Light Skin Tone icon from Noto Emoji
  • Man Elf Medium Light Skin Tone icon from Noto Emoji
  • Men With Bunny Ears Medium Light Skin Tone icon from Noto Emoji
  • Men With Bunny Ears Medium Light Skin Tone Dark Skin Tone icon from Noto Emoji
  • Men With Bunny Ears Medium Light Skin Tone Light Skin Tone icon from Noto Emoji
  • Men With Bunny Ears Medium Light Skin Tone Medium Dark Skin Tone icon from Noto Emoji
  • Men With Bunny Ears Medium Light Skin Tone Medium Skin Tone icon from Noto Emoji
  • Men With Bunny Ears Medium Skin Tone Light Skin Tone icon from Noto Emoji
  • Woman Dancing Light Skin Tone icon from Noto Emoji
  • Woman Dancing Medium Light Skin Tone icon from Noto Emoji
  • Men Wrestling Medium Skin Tone Medium Light Skin Tone icon from Noto Emoji
  • Mermaid Light Skin Tone icon from Noto Emoji
  • Mermaid Medium Light Skin Tone icon from Noto Emoji
  • Merman Light Skin Tone icon from Noto Emoji
  • Merman Medium Light Skin Tone icon from Noto Emoji

Search Noto Emoji

Skip the copy and paste. With Pro, your AI agent finds and installs any Noto Emoji icon from a prompt.

Get Pro

Tags

Browse by tag

Mx Claus Medium Light Skin Tone is tagged celebration, winter, gift and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Noto Emoji MCP, with Pro

Ask for Mx Claus Medium Light Skin Tone or any of 3,800 Noto Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Mx Claus Medium Light Skin Tone icon means and where it's used, then how to install, style and license it.

Install Mx Claus Medium Light Skin Tone from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro