Kissing Cat アイコン
noto-v1:kissing-cat
Kissing Cat アイコン(noto-v1:kissing-cat)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- スマイリー・感情
- タグ
- kissingcat、kissing cat face、kissing cat face with closed eyes
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><ellipse cx="63.02" cy="78.11" fill="#2f2f2f" rx="43.2" ry="32.41"/><path fill="#f79329" d="m125.09 79.15l-9.04-1.63a38.5 38.5 0 0 0-.77-5.19l9.94-1.48a2.137 2.137 0 0 0 1.8-2.43c-.17-1.16-1.25-1.95-2.42-1.79l-10.44 1.55c-1.2-3.68-2.91-7.28-5.09-10.64c1.05-10.03 3.05-37.18-5.09-42.64c-6.49-4.36-21.95 11.83-26.94 17.63c-1.15 1.34-2.2 2.54-3.16 3.65c-3.48-.53-7.02-.83-10.54-.83c-3.53 0-7.07.29-10.54.83c-.97-1.11-2.01-2.31-3.16-3.65C44.66 26.72 29.2 10.54 22.7 14.9c-8.15 5.48-6.13 32.64-5.09 42.65c-2.14 3.3-3.83 6.83-5.03 10.45l-9.16-1.37a2.15 2.15 0 0 0-2.43 1.79c-.17 1.17.63 2.26 1.8 2.43l8.64 1.29c-.42 1.87-.7 3.75-.84 5.63l-7.67 1.38a2.134 2.134 0 0 0-1.72 2.48a2.15 2.15 0 0 0 2.48 1.72l6.76-1.22c.01 2.24.15 4.47.48 6.66l-4.28 1.36a2.13 2.13 0 0 0 .64 4.16c.21 0 .43-.02.65-.1l3.86-1.23c1.69 6.24 5.13 11.99 11.28 16.58c6.05 4.51 13.57 7.57 21.33 9.23c2.95.63 10.56 2.1 18.55 2.1s16.35-1.47 19.3-2.1c7.75-1.66 15.28-4.72 21.33-9.23c6.28-4.69 9.73-10.59 11.38-16.98l5.12 1.62c.21.08.43.1.65.1c.9 0 1.74-.58 2.03-1.48c.35-1.12-.27-2.33-1.39-2.68l-5.58-1.77c.3-2.14.43-4.31.43-6.49l8.11 1.46a2.15 2.15 0 0 0 2.48-1.72a2.13 2.13 0 0 0-1.72-2.47M31.71 61.01a2.137 2.137 0 0 1 3.69-2.15c.09.15 2.45 3.96 7.64 3.96c5.28 0 7.62-3.92 7.64-3.96a2.137 2.137 0 0 1 3.69 2.15c-.15.25-3.63 6.08-11.33 6.08c-7.71-.01-11.19-5.83-11.33-6.08m26.45 27.32c-.42 1.1-1.66 1.63-2.76 1.23c-2.97-1.15-4.31-.84-4.84-.55c-.17.09-.69.37-.94 1.45c-.14.59.41 2.29 2.91 3.48c.9.43 1.38 1.43 1.16 2.4A2.13 2.13 0 0 1 51.61 98c-.01.01-.02 0-.02 0c-3.18 0-4.56.86-4.71 1.26c-.36.98-.15 1.55.04 1.9c.7 1.28 2.88 2.42 6 3.14c1.15.26 1.87 1.4 1.6 2.55c-.23.99-1.1 1.66-2.08 1.66c-.16 0-.32-.02-.48-.05c-4.51-1.03-7.48-2.8-8.81-5.27c-.89-1.65-.99-3.53-.29-5.42c.55-1.49 1.85-2.62 3.75-3.29c-1.18-1.7-1.5-3.52-1.17-4.97c.44-1.95 1.51-3.43 3.09-4.27c2.1-1.12 4.92-1 8.38.33c1.12.42 1.67 1.66 1.25 2.76m38.55-27.32c-.15.25-3.62 6.08-11.33 6.08c-7.7 0-11.18-5.83-11.33-6.08c-.6-1.02-.25-2.33.77-2.92c1.01-.59 2.31-.25 2.91.76c.12.19 2.48 3.97 7.65 3.97c5.28 0 7.62-3.92 7.65-3.96c.59-1.02 1.9-1.36 2.92-.77c1.01.59 1.35 1.9.76 2.92"/></svg>
Kissing Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:kissing-cat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:kissing-cat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:kissing-cat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--kissing-cat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:kissing-cat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:kissing-cat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/kissing-cat.svg" alt="Kissing Cat アイコン" width="24" height="24">
他のアイコンセットの Kissing Cat アイコン
Kissing Cat アイコン のよくある質問
Kissing Cat アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kissing Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:kissing-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kissing Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/kissing-cat.svg" alt="Kissing Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
