Ikon Santa Claus

noto:santa-claus

Ikon Santa Claus (noto:santa-claus) adalah ikon SVG gratis dari set Noto Emoji karya Google Inc. Ikon ini digambar pada grid 128 × 128. Noto Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Noto Emoji
Pembuat: Google Inc
Lisensi: Apache-2.0
Ukuran: 128 × 128
Kategori: Orang dan tubuh
Tag: santaclaus

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><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" stop-color="#F44336"/><stop offset=".359" stop-color="#E73B32"/><stop offset="1" stop-color="#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"/><circle cx="101.91" cy="63.86" r="6.75" fill="#E0E0E0"/><linearGradient id="SVGW9ODxbjv" x1="64" x2="64" y1="33.159" y2="4.681" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#F44336"/><stop offset=".359" stop-color="#E73B32"/><stop offset="1" stop-color="#C62828"/></linearGradient><path fill="url(#SVGW9ODxbjv)" 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="#FFF" d="M55.33 105.67V124h17.33v-18.33z"/><path fill="#E59600" d="M90.76 47.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="#FFCA28" d="M35.75 34.96c-2.32 6.06-3.55 12.89-3.55 20.05c0 11.73 3.39 21.52 9.81 28.3c5.65 5.97 13.31 9.26 21.58 9.26c8.26 0 15.93-3.29 21.58-9.26c6.42-6.78 9.81-16.57 9.81-28.3c0-7.17-1.24-13.99-3.55-20.05z"/><g fill="#404040"><ellipse cx="47.68" 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="#F5F5F5" d="M87.41 50.44c0-.01-2.25-3.67-7.48-3.67s-7.49 3.66-7.49 3.66v.01c-.18.26-.3.58-.3.93c0 .88.69 1.6 1.55 1.6c.18 0 .61-.13.65-.15c3.13-1.33 5.59-1.34 5.59-1.34s2.43.01 5.57 1.34c.04.02.47.15.65.15c.86 0 1.55-.72 1.55-1.6c.01-.34-.1-.66-.29-.93m-31.88 0c.01-.01-2.25-3.67-7.48-3.67s-7.49 3.66-7.49 3.66l.01.01c-.18.26-.3.58-.3.93c0 .88.69 1.6 1.55 1.6c.18 0 .61-.13.65-.15c3.13-1.33 5.59-1.34 5.59-1.34s2.44.01 5.57 1.34c.04.02.47.15.65.15c.86 0 1.55-.72 1.55-1.6c0-.34-.11-.66-.3-.93"/><linearGradient id="SVGGU4a6bKl" x1="63.999" x2="63.999" y1="100.565" y2="20.882" gradientUnits="userSpaceOnUse"><stop offset=".488" stop-color="#F5F5F5"/><stop offset=".831" stop-color="#BDBDBD"/></linearGradient><path fill="url(#SVGGU4a6bKl)" d="M102.36 73.51c-1.74-5.25-3.83-16.73-3.66-21.6c.22-6.4.24-10.71.2-13.78c-.05-3.7-3.07-6.67-6.78-6.67h-.69v6.51c.7 3.34.63 9.44.63 17.24c0 12.46-3.52 18.85-11.82 18.85c-8.67 0-10.15-2.55-16.59-2.55c-6.45 0-7.98 2.55-16.37 2.55c-7.57 0-11.5-8.77-11.5-19.17c0-4.57-.2-9.04-.19-12.58V31.47c-3.66.1-6.6 3.08-6.6 6.77c.01 3.06.08 7.35.35 13.67c.21 4.99-1.97 16.71-3.71 21.98c-2.64 7.96-2.22 17.72 1.49 25.24c3.32 6.73 19.39 17.45 28.87 22.72c3.62 2.01 12.05 2.03 15.69.06c9.33-5.06 24.9-15.22 28.48-21.63c4.38-7.83 5.02-18.24 2.2-26.77"/><radialGradient id="SVGHrEw2iGb" cx="64.273" cy="75.41" r="48.557" gradientUnits="userSpaceOnUse"><stop offset=".706" stop-color="#FFF" stop-opacity="0"/><stop offset="1" stop-color="#BDBDBD"/></radialGradient><path fill="url(#SVGHrEw2iGb)" d="M102.36 73.51c-1.74-5.25-3.83-16.72-3.67-21.6c.23-6.4.24-10.71.2-13.77a6.76 6.76 0 0 0-6.77-6.67h-.06v23.75c0 12.46-3.52 18.84-11.81 18.84c-8.68 0-10.16-2.54-16.6-2.54c-6.45 0-7.98 2.54-16.37 2.54c-7.57 0-11.51-8.76-11.51-19.17c0-5.32-.27-10.51-.16-14.25h-.03v-9.16c-3.66.09-6.6 3.08-6.59 6.77c0 3.06.07 7.36.34 13.67c.22 4.99-1.96 16.72-3.71 21.98c-2.64 7.97-2.22 17.72 1.49 25.24c3.33 6.74 19.39 17.45 28.87 22.72c3.62 2.02 12.05 2.04 15.69.06c9.33-5.06 24.9-15.22 28.49-21.63c4.38-7.84 5.02-18.25 2.2-26.78"/><path fill="#795548" d="M72.23 76.15c-3.13 1.86-13.37 1.86-16.5 0c-1.79-1.07-3.63.56-2.88 2.2c.73 1.6 6.32 5.32 11.16 5.32s10.35-3.72 11.08-5.32c.75-1.63-1.06-3.27-2.86-2.2"/><path fill="#E59600" d="M67.79 68.38c-.1-.04-.21-.07-.32-.08h-6.94c-.11.01-.21.04-.32.08c-.63.25-.98.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"/><path fill="#F5F5F5" d="M97.98 32.14c-.95-.7-14.98-8.71-33.98-8.71c-19 .01-33.03 8.01-33.98 8.72c-3.91 2.91-5.06 6-4.47 10.86c.34 2.85 2.97 3.93 4.66 3.34c0 0 16.26-3.93 33.78-3.94c17.53 0 33.78 3.94 33.78 3.94c1.7.59 4.32-.49 4.66-3.34c.6-4.87-.55-7.96-4.45-10.87"/></svg>

Cara memakai ikon Santa Claus

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="noto:santa-claus"></iconify-icon>

Gambar HTML

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

Ikon terkait di Noto Emoji

Ikon Santa Claus di set ikon lain

FAQ Ikon Santa Claus

Apakah ikon Santa Claus gratis untuk penggunaan komersial?

Ya. Noto Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Santa Claus di React?

Pasang @iconify/react lalu render <Icon icon="noto:santa-claus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Santa Claus ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/noto/santa-claus.svg" alt="Ikon Santa Claus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Noto Emoji →