Santa アイコン
streamline-kameleon-color:santa
Santa アイコン(streamline-kameleon-color:santa)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- エンターテインメント
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#32bea6" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#f0f1f1" d="M29.69 21.32c.267-.95.715-1.965-.018-3.12c-1.8-2.857-16.508-2.88-18.327 0c-.73 1.152-.29 2.148-.017 3.12c-.828 1.74-1.292 4.26-1.292 7.915c0 6.025 4.448 8.727 10.473 8.727s10.473-2.702 10.473-8.727c0-3.656-.465-6.174-1.293-7.915"/><path fill="#fff" d="M11.345 18.2c-.73 1.152-.29 2.148-.017 3.12c-.828 1.74-1.292 4.259-1.292 7.915c0 6.025 4.448 8.727 10.473 8.727V16.049c-4.127-.002-8.255.712-9.164 2.151"/><path fill="#f79392" d="M11.782 20.508s-.873 6.11 2.618 7.855c0 0 2.618-1.31 3.927-1.31s2.182.873 2.182.873s.873-.872 2.182-.872s3.927 1.309 3.927 1.309c3.491-1.746 2.619-7.855 2.619-7.855q-8.728-3.49-17.455 0"/><path fill="#f7b4b4" d="M11.782 20.508s-.873 6.109 2.618 7.854c0 0 2.618-1.309 3.927-1.309s2.182.873 2.182.873v-9.163q-4.363 0-8.727 1.745"/><path fill="#df2c2c" d="M37.09 25.543a1.74 1.74 0 0 0-1.81.04c-1.3-3.295-2.954-5.485-5.341-6.825a2.6 2.6 0 0 0-.266-.558c-1.698-2.693-14.85-2.867-17.887-.472c.079-1.121.964-7.692 11.341-7.692c6.074 0 13.881 3.023 13.964 15.507"/><path fill="#fa5655" d="M20.509 10.193c-7.912 1.002-8.652 6.517-8.723 7.536c1.425-1.124 5.074-1.682 8.723-1.68z"/><path fill="#fff" d="M37.963 27.053a1.745 1.745 0 1 1-3.49 0a1.745 1.745 0 0 1 3.49 0"/><path fill="#f79392" d="M20.509 29.235s-1.745 1.745-3.49 1.745c.435.873 1.745 1.746 3.49 1.746s3.055-.873 3.49-1.746c-1.745 0-3.49-1.745-3.49-1.745"/><path fill="#3e3e3f" d="M25.688 21.444a1.3 1.3 0 0 0-.379-.063a1.309 1.309 0 1 0 1.31 1.31c0-.134-.027-.26-.063-.38c-.502 1.077-1.947-.364-.868-.867m-9.6 0a1.3 1.3 0 0 0-.379-.063a1.309 1.309 0 1 0 1.31 1.31c0-.134-.027-.26-.063-.38c-.503 1.077-1.947-.364-.868-.867"/><path fill="#f79392" d="M20.51 27.926c1.445 0 2.617-.879 2.617-1.963s-1.172-1.964-2.618-1.964s-2.618.88-2.618 1.964s1.172 1.963 2.618 1.963"/></g></svg>Santa アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:santa" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:santa" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:santa" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--santa]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:santa"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:santa"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/santa.svg" alt="Santa アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Santa アイコン のよくある質問
Santa アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Santa アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:santa" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Santa アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/santa.svg" alt="Santa アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。