Santa Claus icon

emojione-v1:santa-claus

The Santa Claus icon (emojione-v1:santa-claus) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (v1)
Author: Emoji One
License: CC-BY-SA-4.0
Size: 64 × 64
Category: People
Tags: santaclaus

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#e7e4e4" d="M4 42.01c0 4.646 3.294 8.403 7.364 8.403c4.074 0 7.374-3.757 7.374-8.403c0-4.641-3.3-8.402-7.374-8.402C7.294 33.605 4 37.369 4 42.01"/><path fill="#d1d2d2" d="M11.364 33.609c.435 0 .854.064 1.266.144c-5.527 7-1.048 16.664-1.266 16.664c-4.07 0-7.364-3.759-7.364-8.405c0-4.641 3.294-8.403 7.364-8.403"/><path fill="#cc3850" d="M57.913 63.979v-8.135c0-4.494-2.487-8.142-5.556-8.142h-37.17c-3.067 0-5.555 3.646-5.555 8.142v8.135z"/><path fill="#ce3b53" d="M8.162 22.272c-.37 5.594-1.107 21.455 16.704 25.697c1.218.24.039-2.488-.147-2.807c-8.127-14.08 1.557-25.24 8.05-35.662c.369-.593 1.558-6.388.121-6.801C15.367-2.351 8.56 16.166 8.161 22.272"/><path fill="#f2c9a5" d="M54.22 35.16c0-1.545-.316-3.507-.896-5.676c.008-.227.026-.452.026-.681c0-8.6-3.847-14.411-9.611-17.447c-3.153-3.46-6.822-5.825-10.748-5.825c-3.923 0-7.591 2.365-10.746 5.825c-5.764 3.034-9.615 8.845-9.615 17.447c0 .229.025.454.029.681c-.579 2.169-.892 4.13-.892 5.676c0 3.614 1.709 6.933 4.553 9.565c.571 6.06 6.861 10.844 16.306 10.844c9.06 0 15.215-4.402 16.201-10.123c3.343-2.736 5.393-6.329 5.393-10.286"/><path fill="#e7c0a2" d="M28.4 54.37c-2.586-1.166-7.688-4.117-6.941-7.798c1.125-5.553-3.988-5.655-5.01-9.932c-2.175-9.114.837-17.18 5.336-24.709c-5.496 3.098-9.152 8.801-9.152 17.16c0 .229.025.452.029.682c-.579 2.169-.892 4.126-.892 5.676c0 3.614 1.709 6.929 4.553 9.563c.559 5.946 6.619 10.641 15.755 10.826a49 49 0 0 1-3.677-1.471"/><path fill="#fff" d="M29.73 31.911c0 2.973-2.108 5.375-4.712 5.375c-2.605 0-4.718-2.401-4.718-5.375c0-2.969 2.112-5.375 4.718-5.375c2.604 0 4.712 2.405 4.712 5.375m15.956 0c0 2.973-2.109 5.375-4.711 5.375c-2.606 0-4.722-2.401-4.722-5.375c0-2.969 2.114-5.375 4.722-5.375c2.6 0 4.711 2.405 4.711 5.375"/><g fill="#25333a"><ellipse cx="25.02" cy="31.421" rx="3.052" ry="3.305"/><path d="M44.02 31.421c0 1.825-1.365 3.306-3.047 3.306c-1.69 0-3.057-1.48-3.057-3.306c0-1.823 1.365-3.301 3.057-3.301c1.682 0 3.047 1.479 3.047 3.301"/></g><path fill="#cc3850" d="M32.801 0C21.36 0 12.09 8.53 12.09 12.508v15.391c3.99-4.817 13.49-7.405 19.18-8.573c.509-.016 1.017-.035 1.534-.035c11.432 0 20.708 9.06 20.708 5.082V12.504c0-3.978-9.277-12.508-20.708-12.508"/><path fill="#e03a4d" d="M12.631 27.298s.049-.037.064-.051c4.272-4.393 31.831-16.846 40.579-15.958l.234 1.218C53.508 8.53 44.232 0 32.801 0C21.36 0 12.09 8.53 12.09 12.508v15.391c.168-.202.356-.393.542-.587v-.018"/><path fill="#d0d1d1" d="M44.14 52.977c0-3.192-4.757-5.773-10.632-5.773c-5.87 0-10.625 2.581-10.625 5.773c0 3.187 4.755 11.05 10.625 11.05c5.875-.003 10.632-7.862 10.632-11.05"/><g fill="#dbdbdc"><path d="M51.896 49.02c0-2.272-4.758-4.115-10.638-4.115c-5.868 0-10.623 1.843-10.623 4.115c0 2.269 4.755 7.864 10.623 7.864c5.883 0 10.638-5.597 10.638-7.864"/><path d="M33.507 49.45c0-2.271-4.751-4.111-10.625-4.111s-10.624 1.842-10.624 4.111s4.751 7.87 10.625 7.87s10.624-5.6 10.624-7.87"/></g><g fill="#e7e4e4"><path d="M41.26 46.12c0-2.272-4.753-4.106-10.623-4.106s-10.624 1.834-10.624 4.106c0 2.269 4.754 7.87 10.624 7.87s10.623-5.601 10.623-7.87"/><path d="M49.51 53.76c0-1.582-3.31-2.865-7.402-2.865c-4.086 0-7.399 1.283-7.399 2.865c0 1.578 3.313 5.475 7.399 5.475c4.092 0 7.402-3.897 7.402-5.475"/></g><path fill="#cc3850" d="M28.881.338C19.319 1.946 12.09 8.995 12.09 12.508v15.395c.168-.202.356-.393.542-.587v-.018s.049-.037.064-.051c1.577-1.62 6.322-4.338 12.13-7.08c-4.338-5.132-.602-15.929 4.059-19.833"/><g fill="#a7a7ab"><path d="M26.87 52.25c-3.483 1.827-13.517-5.18-14.806-7.634c-1.289-2.451 6.961-3.259 11.448-4.272c4.61-1.039 9.218-2.328 10.503.123c1.287 2.451-3.659 9.952-7.145 11.783"/><path d="M38.725 52.25c3.486 1.827 13.521-5.184 14.809-7.634c1.291-2.451-6.965-3.259-11.447-4.272c-4.611-1.039-9.218-2.33-10.505.123c-1.289 2.451 3.658 9.952 7.143 11.783"/></g><g fill="#f1f1f1"><path d="M26.71 50.48c-3.487 1.828-13.517-5.182-14.808-7.633c-1.287-2.451 6.963-3.26 11.444-4.275c4.616-1.039 9.224-2.326 10.509.121c1.288 2.455-3.66 9.956-7.145 11.787"/><path d="M38.564 50.48c3.484 1.826 13.521-5.182 14.808-7.637c1.291-2.449-6.964-3.256-11.447-4.271c-4.612-1.039-9.218-2.33-10.509.121c-1.283 2.453 3.663 9.956 7.148 11.787"/></g><path fill="#d1d2d2" d="M32.992 13.852c-6.271.503-23.946 2.132-22.984 13.854c.118.796 2.746-.303 3.036-.459c12.927-6.951 25.92-4.346 39.43-1.649c.774.149 2.69-.896 2.914-1.833c2.769-11.586-15.559-10.467-22.395-9.913"/><path fill="#ed307c" d="M29.27 38.02c0 1.654-3.29 2.994-7.344 2.994c-4.061 0-7.346-1.34-7.346-2.994c0-1.652 3.286-2.992 7.346-2.992c4.055-.003 7.344 1.338 7.344 2.992m22.09 0c0 1.654-3.29 2.994-7.343 2.994c-4.062 0-7.348-1.34-7.348-2.994c0-1.652 3.286-2.992 7.348-2.992c4.053-.003 7.343 1.338 7.343 2.992" opacity=".48"/><path fill="#f3d9c7" d="M28.07 36.35c0-2.252 1.917-2.209 4.526-2.209c2.615 0 4.935-.043 4.935 2.209c0 2.254-2.12 4.08-4.728 4.08c-2.612 0-4.733-1.827-4.733-4.08"/><path fill="#f1f1f1" d="M30.993 22.05c-.316.196-.637.387-.954.577c-.051.029-.098.035-.141.053c-.055.021-.105.047-.168.059c-.098.016-.196.001-.286-.008c-.02-.004-.035 0-.059 0c-3.662-.86-6.993.454-8.976 3.673c-1.07 1.727-.517 2.354-2.171 3.352c-.677.409-1.4-.225-1.275-.938c1.126-6.562 7.454-10.386 13.791-8.336c.693.224.916 1.161.239 1.568m4.297 0q.479.293.958.577c.051.029.098.035.141.053c.056.021.103.047.164.059c.103.016.196.001.29-.008c.02-.004.035 0 .055 0c3.666-.86 6.994.454 8.981 3.673c1.063 1.727.513 2.354 2.167 3.352c.675.409 1.404-.225 1.279-.938c-1.131-6.562-7.461-10.386-13.797-8.336c-.694.224-.911 1.161-.238 1.568"/></svg>

How to use the Santa Claus icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:santa-claus" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:santa-claus" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:santa-claus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--santa-claus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:santa-claus"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:santa-claus"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/santa-claus.svg" alt="Santa Claus icon" width="24" height="24">

Santa Claus icon in other icon sets

Santa Claus icon FAQ

Is the Santa Claus icon free for commercial use?

Yes. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Santa Claus icon in React?

Install @iconify/react and render <Icon icon="emojione-v1:santa-claus" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Santa Claus icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/santa-claus.svg" alt="Santa Claus icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →