Mrs Claus icon
twemoji:mrs-claus
The Mrs Claus icon (twemoji:mrs-claus) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- People & Body
- Tags
- mrsclaus
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" 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="#ffdc5d" 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="#ffdc5d" 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="#ffdc5d" 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="#c1694f" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#662113" 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>
How to use the Mrs Claus icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:mrs-claus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:mrs-claus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:mrs-claus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--mrs-claus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:mrs-claus"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:mrs-claus"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/mrs-claus.svg" alt="Mrs Claus icon" width="24" height="24">
Related icons in Twitter Emoji
Mrs Claus icon in other icon sets
Mrs Claus icon FAQ
Is the Mrs Claus icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Mrs Claus icon in React?
Install @iconify/react and render <Icon icon="twemoji:mrs-claus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mrs Claus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/mrs-claus.svg" alt="Mrs Claus icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
