Santa Claus アイコン
fluent-emoji-high-contrast:santa-claus
Santa Claus アイコン(fluent-emoji-high-contrast:santa-claus)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- santaclaus
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.3 12.796c.72-.45 1.27-.557 2.385-.557a1 1 0 0 0 0-2c-1.315 0-2.286.136-3.445.86a1 1 0 1 0 1.06 1.697m11.502 0c-.722-.45-1.273-.557-2.391-.557a1 1 0 1 1 0-2c1.318 0 2.289.136 3.45.86a1 1 0 0 1-1.059 1.697M8.013 15.375a2.56 2.56 0 0 1 2.479-1.928c1.24 0 2.277.89 2.5 2.055a.415.415 0 0 1-.414.498h-.137c.042-.138.063-.286.063-.434c0-.89-.73-1.631-1.641-1.631c-.9 0-1.632.73-1.632 1.63q0 .227.064.435h-.794a.51.51 0 0 1-.488-.625m11.495-1.928a2.56 2.56 0 0 1 2.479 1.928a.51.51 0 0 1-.488.625h-.805c.043-.138.064-.286.064-.434c0-.9-.73-1.631-1.631-1.631c-.9 0-1.631.741-1.642 1.63q0 .227.064.435h-.127a.415.415 0 0 1-.413-.498a2.55 2.55 0 0 1 2.5-2.055"/><path d="M11.805 15.566a.927.927 0 0 0-.932-.932a.9.9 0 0 0-.369.074a.285.285 0 1 1-.429.372a.93.93 0 0 0-.028.92h1.642a.9.9 0 0 0 .116-.434m7.322-.932a1 1 0 0 0-.333.06a.285.285 0 0 1-.176.512a.29.29 0 0 1-.26-.17a.93.93 0 0 0-.163.53c0 .159.042.296.106.434h1.652a1 1 0 0 0 .106-.434a.927.927 0 0 0-.932-.932m-.813 2.375l-.016-.016l-.001-.001a.5.5 0 0 0-.738.675l.002.001l.001.002l.004.004l.011.012a2 2 0 0 0 .16.15c.106.09.259.208.454.323c.39.229.964.455 1.673.41a.5.5 0 1 0-.063-.997a1.93 1.93 0 0 1-1.103-.275a2.2 2.2 0 0 1-.384-.288m-6.58-.013a.5.5 0 0 1 .719.695l-.001.001l-.002.002l-.004.004l-.01.01l-.036.034q-.044.041-.12.105a3.27 3.27 0 0 1-2.067.737a.5.5 0 1 1 0-1a2.27 2.27 0 0 0 1.505-.573l.008-.007l.006-.007z"/><path d="M21.055 2h-8.009a7.06 7.06 0 0 0-5.624 2.789a2.8 2.8 0 0 0-.877-.09A2.765 2.765 0 0 0 3.9 7.212a2.64 2.64 0 0 0 .72 2.01q.26.262.57.45a9.4 9.4 0 0 0-.174 2.451a4.002 4.002 0 0 0 .497 7.849l.033.509l-.122 2.12a7 7 0 0 0 6.989 7.4h5.174a7 7 0 0 0 6.989-7.4l-.136-2.363l.019-.263q.263-.03.512-.093l1.12 2.994A2.214 2.214 0 0 0 27.215 27a2.216 2.216 0 0 0 .924-4.23L28.064 9c0-3.87-3.149-7-7.009-7m.719 7.665c.336.218.714.36 1.106.42q.014.064.026.13l-.352 8.31a3 3 0 0 1-1.012 2.121a1 1 0 0 0-.968-.04l-.132.066c-.504.252-.643.322-.811.324c-.099.002-.396-.027-1.085-.642c-.631-.564-1.515-.737-2.118-.805l-.15-.015a.95.95 0 0 0 .311-1.02l-.943-3.014c-.212-.667-1.166-.667-1.378 0l-.944 3.013a.95.95 0 0 0 .329 1.035l-.066.007c-.6.064-1.48.234-2.111.799c-.69.615-.987.644-1.085.642c-.168-.002-.308-.072-.812-.324l-.132-.067a1 1 0 0 0-.98.049a3 3 0 0 1-1.02-2.13l-.348-8.18q.024-.14.053-.28a2.9 2.9 0 0 0 1.099-.4a.22.22 0 0 1 .23 0a2.92 2.92 0 0 0 3.089 0a.23.23 0 0 1 .23 0a2.93 2.93 0 0 0 3.091 0a.23.23 0 0 1 .227 0a2.94 2.94 0 0 0 3.1 0a.22.22 0 0 1 .228 0a2.94 2.94 0 0 0 3.1 0a.22.22 0 0 1 .228 0M4 16a2 2 0 0 1 1.46-1.926l.135 3.885A2 2 0 0 1 4 16m20.406 1.959l.134-3.885a2 2 0 0 1-.134 3.885m-6.87 4.16c-.533.69-1.47.908-2.536.908c-1.06 0-1.993-.216-2.527-.898q.166-.133.334-.283c.137-.122.468-.246.995-.303c.39-.042.74-.037 1.005-.032l.193.002h.937q.13.008.267.023c.535.06.872.187 1.01.31q.162.144.321.273m9.68 3.88a1.216 1.216 0 1 1 0-2.43a1.216 1.216 0 0 1 0 2.43m-5.56-17.365a1.2 1.2 0 0 0-.655.192a1.91 1.91 0 0 1-2.018 0a1.22 1.22 0 0 0-1.312 0a1.92 1.92 0 0 1-2.018 0a1.22 1.22 0 0 0-1.312 0a1.9 1.9 0 0 1-2.008 0a1.22 1.22 0 0 0-1.313 0a1.9 1.9 0 0 1-2.007 0a1.22 1.22 0 0 0-1.312 0a1.92 1.92 0 0 1-2.352-.285A1.65 1.65 0 0 1 4.9 7.285A1.766 1.766 0 0 1 6.6 5.7c.383-.023.763.075 1.088.279a1.23 1.23 0 0 0 1.322 0a1.91 1.91 0 0 1 2.008 0a1.22 1.22 0 0 0 1.312 0a1.84 1.84 0 0 1 1.987.012a1.22 1.22 0 0 0 1.311 0a1.91 1.91 0 0 1 2.02 0a1.22 1.22 0 0 0 1.311 0a1.92 1.92 0 0 1 2.019 0A1.25 1.25 0 0 0 22.3 5.98a1.85 1.85 0 0 1 1.093-.28a1.82 1.82 0 0 1 1.727 1.58a1.68 1.68 0 0 1-.459 1.265a1.9 1.9 0 0 1-2.345.28a1.24 1.24 0 0 0-.661-.192"/></g></svg>Santa Claus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:santa-claus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:santa-claus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:santa-claus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--santa-claus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:santa-claus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:santa-claus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/santa-claus.svg" alt="Santa Claus アイコン" width="24" height="24">他のアイコンセットの Santa Claus アイコン
Santa Claus アイコン のよくある質問
Santa Claus アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Santa Claus アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:santa-claus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Santa Claus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/santa-claus.svg" alt="Santa Claus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。