Mrs Claus icon
fluent-emoji-flat:mrs-claus
The Mrs Claus icon (fluent-emoji-flat:mrs-claus) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji Flat
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Category
- People & Body
- Tags
- mrsclaus
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fdbb11" d="M7 22a3 3 0 1 0 0-6a3 3 0 0 0 0 6m18 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="#f8312f" d="M26 11H6V7.802C6 4.594 8.62 2 11.86 2h8.28C23.38 2 26 4.594 26 7.802z"/><path fill="#ffc83d" d="M13.585 8.01c-4.02 0-7.241 3.239-7.08 7.13l.254 6.136C6.992 26.5 11.053 30 16.005 30c4.942 0 9.013-3.5 9.236-8.734l.253-6.137C25.656 11.24 22.446 8 18.415 8h-4.83z"/><path fill="#990839" d="M16 24.383c-.952 0-1.835-.22-2.581-.604c-.255-.135-.53.153-.373.393A3.53 3.53 0 0 0 16 25.744a3.53 3.53 0 0 0 2.954-1.572c.157-.24-.118-.518-.373-.393a5.7 5.7 0 0 1-2.581.604"/><path fill="#e6e6e6" d="M27.952 11.61c-.148-.4-.207-.84-.148-1.26c.02-.12.03-.25.03-.38c0-1.51-1.203-2.73-2.693-2.73a.445.445 0 0 1-.434-.33a2.69 2.69 0 0 0-2.574-1.95c-.177 0-.345.02-.503.05a.85.85 0 0 1-.72-.18c-1.114-1.12-2.92-1.17-4.044-.06l-.098.1c-.414.45-1.105.45-1.529 0c-.02-.03-.05-.05-.069-.07c-1.124-1.11-2.93-1.07-4.044.06a.89.89 0 0 1-.74.19A3 3 0 0 0 9.875 5C8.66 5 7.625 5.82 7.3 6.95c-.06.2-.237.33-.434.33c-1.49-.01-2.693 1.21-2.693 2.72c0 .13.01.26.03.38c.059.43 0 .86-.148 1.26a5.15 5.15 0 0 0-.197 2.79l.877 4.45a4.16 4.16 0 0 0 2.308 2.97l-.237-5.72c-.03-.58.306-1.11.82-1.34l5.71-2.52a4.48 4.48 0 0 0 2.465-2.8c.06-.2.336-.2.405 0a4.48 4.48 0 0 0 2.465 2.77l5.71 2.52c.523.23.849.76.82 1.34l-.247 5.71a4.16 4.16 0 0 0 2.308-2.97l.887-4.44a5.35 5.35 0 0 0-.197-2.79"/><path fill="#ed9200" d="M15.384 18.495L14.54 21.5c-.171.614.243 1.247.836 1.247h1.25c.585 0 1.008-.624.837-1.247l-.846-3.006c-.189-.663-1.043-.663-1.232 0"/><path fill="#f4f4f4" d="M14.786 19.5c.044-.559.58-1.01 1.214-1.01s1.17.441 1.214 1.01h.536c-.044-.833-.81-1.5-1.75-1.5s-1.706.667-1.75 1.5zm10.564.25H23V19h2.35c.21 0 .39.18.37.39c0 .2-.17.36-.37.36M9 19.75H6.872c-.2 0-.37-.16-.37-.36c-.02-.21.16-.39.37-.39H9z"/><path fill="#000" d="M11.53 16.48c1.04 0 1.9.72 2.43 1.53c-.448.138-.887.264-1.321.39c-.797.23-1.58.455-2.39.74l-.89-.8a.78.78 0 0 1 .06-1.21c.59-.42 1.37-.65 2.11-.65m9.711 0c-1.04 0-1.9.72-2.43 1.53c.448.138.886.264 1.32.39c.797.23 1.581.455 2.39.74l.89-.8a.78.78 0 0 0-.06-1.21c-.59-.42-1.37-.65-2.11-.65"/><path fill="#fff" d="M9.34 18.62c.28-1.13 1.3-1.96 2.51-1.96c1.26 0 2.31.9 2.55 2.09c.06.26-.15.5-.42.5H9.84c-.33 0-.58-.31-.5-.63m14.08 0a2.585 2.585 0 0 0-2.51-1.96c-1.26 0-2.31.9-2.55 2.09c-.06.26.15.5.42.5h4.14c.33 0 .58-.31.5-.63"/><path fill="#7d4533" d="M10.58 18.81c0-.92.74-1.66 1.66-1.66a1.66 1.66 0 0 1 1.59 2.1h-3.19c-.04-.14-.06-.29-.06-.44m11.61 0c0-.92-.74-1.66-1.66-1.66a1.662 1.662 0 0 0-1.6 2.1h3.2c.04-.14.06-.29.06-.44"/><path fill="#000" d="M12.23 17.86a.95.95 0 0 1 .84 1.39h-1.68a.95.95 0 0 1 .84-1.39m8.3 0a.95.95 0 0 0-.84 1.39h1.68a.95.95 0 0 0-.84-1.39"/><path fill="#fff" d="M11.97 18.16a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0m8.3 0a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0"/><path fill="#00d1ed" d="M12.281 21.742a2.745 2.745 0 0 0 2.532-2.502a.22.22 0 0 0-.22-.24h-1.574l-.738 1.417zM11.199 19H8.613c-.4 0-.7.38-.59.77a2.77 2.77 0 0 0 2.468 1.974l1.065-1.398zm10.131 2.744a2.76 2.76 0 0 0 2.44-1.954a.61.61 0 0 0-.58-.79h-1.12l-.856 1.37zM20.26 19h-3.04a.22.22 0 0 0-.22.24a2.75 2.75 0 0 0 2.55 2.504l.93-1.375z"/><path fill="#26eafc" d="m10.489 21.75l.71-2.75h1.82l-.74 2.75zm9.061 0l.71-2.75h1.81l-.74 2.75z"/><path fill="#9b9b9b" d="M21.515 14.173c.575.18.955.482 1.282.767a.517.517 0 0 1-.68.78c-.293-.256-.543-.445-.913-.561c-.378-.119-.927-.176-1.824-.066a.517.517 0 1 1-.126-1.027c.983-.12 1.694-.072 2.26.107m-11.321.214c-.305.12-.547.249-.715.35l-.278.184a.517.517 0 0 0 .633.818l.005-.004l.03-.022l.14-.09a4.14 4.14 0 0 1 2.585-.53a.517.517 0 1 0 .127-1.027a5.2 5.2 0 0 0-2.527.321"/></g></svg>
How to use the Mrs Claus icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:mrs-claus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:mrs-claus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:mrs-claus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--mrs-claus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:mrs-claus"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:mrs-claus"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/mrs-claus.svg" alt="Mrs Claus icon" width="24" height="24">
Related icons in Fluent Emoji Flat
Mrs Claus icon in other icon sets
Mrs Claus icon FAQ
Is the Mrs Claus icon free for commercial use?
Yes. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mrs Claus icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-flat: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/fluent-emoji-flat/mrs-claus.svg" alt="Mrs Claus icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent Emoji Flat icons →
ICONYZ
