Crying Cat アイコン
noto-v1:crying-cat
Crying Cat アイコン(noto-v1:crying-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
- カテゴリ
- スマイリー・感情
- タグ
- cryingcat、crying cat face
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><ellipse cx="97.65" cy="94.35" fill="#fff" rx="7.71" ry="12.37"/><path fill="#2f2f2f" d="m26.25 68.72l72.233-6.008l1.592 19.134l-72.233 6.009z"/><path fill="#f79329" d="m125.09 92.24l-9.49-1.71c.34-1.72.55-3.48.67-5.26l8.95-1.33a2.13 2.13 0 0 0 1.8-2.42c-.17-1.16-1.25-1.94-2.43-1.79l-8.22 1.22c-.02-1-.05-2-.12-3c-.25-3.72-1.08-7.47-2.41-11.11c2.94-8.31 12.13-36.37 5.13-43.87c-5.34-5.72-24.06 6.53-30.24 11.07c-2.23 1.62-4.14 3.01-5.79 4.18c-6.16-1.86-12.84-2.83-19.46-2.83c-6.73-.01-13.52 1-19.77 2.92c-1.92-1.12-4.22-2.49-6.94-4.14c-6.52-3.97-26.23-14.57-31.06-8.41c-5.72 7.31 3.2 30.22 7.65 40.48c-1.46 3.83-2.37 7.78-2.63 11.71c-.07.95-.1 1.9-.12 2.84l-7.2-1.07c-1.16-.15-2.25.63-2.42 1.79c-.17 1.17.63 2.26 1.8 2.42l7.92 1.18c.12 1.88.35 3.75.71 5.58l-8.5 1.53A2.134 2.134 0 0 0 1.2 94.7a2.14 2.14 0 0 0 2.1 1.75c.12 0 .25-.01.38-.03l8.84-1.59c.65 1.97 1.51 3.88 2.58 5.71l-8.45 2.68a2.14 2.14 0 0 0-1.39 2.68c.29.91 1.13 1.48 2.03 1.48c.21 0 .43-.03.65-.1l9.69-3.08a31 31 0 0 0 5.63 5.38c6.05 4.52 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.71 21.33-9.23c2.31-1.73 4.23-3.62 5.82-5.64l10.5 3.33c.21.07.43.1.65.1c.9 0 1.74-.57 2.03-1.48c.35-1.12-.27-2.33-1.39-2.68l-9.31-2.96c1.02-1.8 1.84-3.68 2.47-5.61l9.8 1.77a2.15 2.15 0 0 0 2.48-1.72c.2-1.13-.57-2.24-1.73-2.45M51.88 74.3c-.1.28-2.39 6.66-9.95 8.13c-.97.19-1.88.28-2.74.28c-5.91 0-9.38-3.88-9.54-4.06c-.78-.89-.69-2.23.2-3.02c.88-.77 2.23-.68 3.01.2c.12.12 3.15 3.41 8.25 2.42c5.1-1 6.68-5.18 6.75-5.37c.4-1.1 1.62-1.67 2.72-1.28s1.68 1.59 1.3 2.7m32.38 7.59c-7.55-1.53-9.81-7.93-9.9-8.19c-.38-1.12.22-2.33 1.33-2.71s2.32.21 2.7 1.32c.07.2 1.64 4.38 6.71 5.4c5.09 1.02 8.16-2.24 8.29-2.38c.79-.87 2.14-.93 3.01-.15s.95 2.12.17 2.99c-.17.18-3.63 4-9.49 4c-.89 0-1.83-.08-2.82-.28m20.02 15.79c-.8 3.68-4.72 6.82-8.37 4.51c-2.57-1.62-2.73-4.39-2.21-7.26c.45-2.52 1.42-5.12 1.73-7.08c.1-.62.07-1.3.09-1.92c.02-.83-.14-2.85 1.06-2.94c.84-.07 1.75.72 2.39 1.17c1.55 1.13 2.76 3.13 3.73 4.77c1.55 2.64 2.23 5.71 1.58 8.75"/></svg>Crying Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:crying-cat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:crying-cat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:crying-cat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--crying-cat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:crying-cat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:crying-cat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/crying-cat.svg" alt="Crying Cat アイコン" width="24" height="24">Noto Emoji (v1) の関連アイコン
他のアイコンセットの Crying Cat アイコン
Crying Cat アイコン のよくある質問
Crying Cat アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Crying Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:crying-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Crying Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/crying-cat.svg" alt="Crying Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。