Father Christmas Fill アイコン
mingcute:father-christmas-fill
Father Christmas Fill アイコン(mingcute:father-christmas-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- fatherchristmas、christmasfill、fatherchristmasfill、christma
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.909 2.685c2.134-.776 4.83-.675 7.998 1.385Q18.194 4 18.5 4a2.5 2.5 0 0 1 1.36 4.6l.093.59c.425 1.277.592 2.691.554 4.033c-.043 1.548-.447 3.364-1.864 4.546a25 25 0 0 0-1.514 1.383c-.424.413-.844.832-1.3 1.212c-.943.785-1.98 1.342-3.658 1.622a1 1 0 0 1-.337 0c-1.68-.28-2.717-.837-3.66-1.623c-.456-.38-.876-.799-1.3-1.212c-.441-.43-.919-.887-1.513-1.382c-1.418-1.182-1.821-2.998-1.864-4.546c-.044-1.575.276-3.106.547-4.009l.003-.015l.005-.014c.166-.498.745-2.155 1.668-3.309c.7-.875 2.093-2.428 4.19-3.19m6.795 10.335a1 1 0 0 0-1.18.78c-.121.528-.343 1.106-.73 1.493l.004-.006c-.264.173-.727-.04-.956-.176c-.423-.25-1.037-.61-1.841-.61h-.004c-.818 0-1.424.36-1.854.618c-.243.146-.666.352-.94.17l.005.004c-.387-.387-.608-.964-.728-1.491a1 1 0 0 0-1.96.395c.187.927.599 1.836 1.273 2.51c.521.52 1.215.63 1.704.626c.495-.004 1.014-.125 1.385-.33c.341-.188.706-.503 1.115-.503H12c.41 0 .78.321 1.131.509c.363.194.875.316 1.37.321c.485.006 1.182-.1 1.706-.623c.673-.674 1.084-1.58 1.275-2.506a1.01 1.01 0 0 0-.78-1.181M10 10a1 1 0 1 0 0 2a1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.236 6.287a1 1 0 0 0-.472 1.944c1.228.297 3.44.77 5.237.77c1.575 0 3.464-.363 4.721-.65a1 1 0 0 0-.444-1.95c-1.234.281-2.939.6-4.277.6c-1.538 0-3.548-.419-4.765-.714M18.5 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1"/></svg>Father Christmas Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:father-christmas-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:father-christmas-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:father-christmas-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--father-christmas-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:father-christmas-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:father-christmas-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/father-christmas-fill.svg" alt="Father Christmas Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
Father Christmas Fill アイコン のよくある質問
Father Christmas Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Father Christmas Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:father-christmas-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Father Christmas Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/father-christmas-fill.svg" alt="Father Christmas Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。