Kissing Cat アイコン
noto:kissing-cat
Kissing Cat アイコン(noto:kissing-cat)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji
- 作者
- 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"><path fill="#FFC022" d="M110.47 59.02c9.51-24.83 3.65-43.83.29-49.28c-1.33-2.16-3.89-2.76-6.25-2.02C98.29 9.68 81.5 23.4 74.08 42.6M17.53 59.02c-9.51-24.83-3.65-43.83-.29-49.28c1.33-2.16 3.89-2.76 6.25-2.02C29.71 9.68 46.5 23.4 53.92 42.6"/><path fill="#FFC022" d="M114.11 70.76C112.31 44.78 94.44 26.3 64 26.3S15.69 44.78 13.89 70.76c-1.05 15.14 5.05 28.01 17.09 36.21c0 0 12.21 9.88 33.02 10.14c20.81-.26 33.02-10.14 33.02-10.14c12.03-8.2 18.14-21.07 17.09-36.21"/><path fill="#FF7043" d="M54.12 45.02c1.13.96 3.42.82 4.75-.72c1.61-1.87 3.29-8.17 2.24-17.91c-4.67.17-9.09.84-13.21 1.97c3.33 5.46 4.13 14.88 6.22 16.66m19.76 0c-1.13.96-3.42.82-4.75-.72c-1.61-1.87-3.29-8.17-2.24-17.91c4.67.17 9.09.84 13.21 1.97c-3.33 5.46-4.13 14.88-6.22 16.66" opacity=".47"/><path fill="none" stroke="#9E9E9E" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="m122.41 64.63l-16.92 8.33m19.02 3.87l-18.15 3.16m16.05 12.98l-16.92-5.78M5.59 64.63l16.92 8.33M3.49 76.83l18.15 3.16M5.59 92.97l16.92-5.78"/><path d="M32.56 70.26c-.3 0-.6-.06-.89-.19a2.21 2.21 0 0 1-1.14-2.92c.35-.8 3.6-7.85 9.35-7.85c5.68 0 9.17 6.74 9.55 7.51c.54 1.1.09 2.43-1.01 2.97s-2.17-.12-2.97-1.01c-.97-1.08-3.08-3.5-5.57-3.5c-2.5 0-4.58 2.59-5.28 3.65c-.51.77-1.19 1.34-2.04 1.34m62.88 0c.3 0 .6-.06.89-.19a2.21 2.21 0 0 0 1.14-2.92c-.35-.8-3.6-7.85-9.35-7.85c-5.68 0-9.17 6.74-9.55 7.51c-.54 1.1-.09 2.43 1.01 2.97s2.17-.12 2.97-1.01c.97-1.08 3.08-3.5 5.57-3.5c2.5 0 4.58 2.59 5.28 3.65c.51.77 1.19 1.34 2.04 1.34m-39.48 6.72c-.05-2.86 4.06-4.24 7.95-4.3c3.89-.07 8.07 1.2 8.12 4.06s-4.86 6.64-7.95 6.64s-8.07-3.54-8.12-6.4"/><path d="M63.33 105.03a1.997 1.997 0 0 1-1.73-2.24c.14-1.09 1.13-1.73 2.24-1.73c4.68 0 5.7-1.02 5.74-2.02c.05-1.34-1.5-2.24-3.88-2.91c-1.15-.32-1.96-.99-1.91-2.19c.04-1.17.91-1.7 2.05-1.93c.98-.2 1.94-.56 2.8-.8c1.66-.46 2.67-2.9-.43-4.78c-2.41-1.46-6.07-3.14-8.91-4.93c.87.16 6.51-.4 7.67.32c1.35.85 3.88 2.38 5.27 3.17c1.43.82 2.35 2.4 2.35 4.04c0 3.84-3.92 5.29-3.92 5.29c2.33 1.49 2.92 3.28 2.92 4.71c0 1.7-.52 3.32-1.85 4.23c-3.27 2.24-7.89 1.84-8.41 1.77"/><radialGradient id="SVGx3vd9hcv" cx="40.133" cy="82.219" r="16.984" gradientTransform="matrix(.9791 0 0 .9333 .584 14.137)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ED7770"/><stop offset="1" stop-color="#ED7770" stop-opacity="0"/></radialGradient><circle cx="39.88" cy="90.87" r="15.29" fill="url(#SVGx3vd9hcv)"/><radialGradient id="SVGutb5Wfni" cx="90.431" cy="82.219" r="16.984" gradientTransform="matrix(.9791 0 0 .9333 .584 14.137)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ED7770"/><stop offset="1" stop-color="#ED7770" stop-opacity="0"/></radialGradient><circle cx="89.12" cy="90.87" r="15.29" fill="url(#SVGutb5Wfni)"/><path fill="#FFD1D1" d="M92.16 36.23c-1.54-1.29-1.5-3.37-.6-5.16c2.16-4.31 7.33-8.78 9.16-10.23c3-2.38 5.32-3.18 6.21.65c1.65 7.08 1.52 16.69-.25 21.99c-.62 1.87-2.54 2.86-4.02 1.57zm-56.32 0c1.54-1.29 1.5-3.37.6-5.16c-2.16-4.31-7.33-8.78-9.16-10.23c-3-2.38-5.32-3.18-6.21.65c-1.65 7.08-1.52 16.69.25 21.99c.62 1.87 2.54 2.86 4.02 1.57z"/></svg>Kissing Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:kissing-cat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:kissing-cat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:kissing-cat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--kissing-cat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:kissing-cat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:kissing-cat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/kissing-cat.svg" alt="Kissing Cat アイコン" width="24" height="24">Noto Emoji の関連アイコン
他のアイコンセットの Kissing Cat アイコン
Kissing Cat アイコン のよくある質問
Kissing Cat アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kissing Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:kissing-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kissing Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/kissing-cat.svg" alt="Kissing Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。