Crying Cat アイコン
openmoji:crying-cat
Crying Cat アイコン(openmoji:crying-cat)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- スマイリー・感情
- タグ
- cryingcat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M58.666 48.832c-3.598 9.117-12.632 15.155-23.208 15.155c-9.117 0-19.256-5.848-22.853-14.965l-.126-.312c-1.142-2.86-.958-6.36-.958-9.633l3.667-32.371l10.228 10.08a24.2 24.2 0 0 1 9.51-1.939h1.064c3.373 0 6.588.691 9.51 1.939l11.228-11.08l3.723 33.876a24.9 24.9 0 0 1-1.77 9.256"/><path fill="#e27022" d="M35.458 63.987c10.61.342 20.354-6.004 23.952-15.121l.11-.231c1.142-2.86.959-6.896.959-10.169l-3.75-32.76"/><path fill="#fff" d="M55.106 33.527s-9.276-9.277-13.252 6.625c10.602 7.951 13.252-6.625 13.252-6.625m-38.212 0s9.276-9.277 13.252 6.625c-10.602 7.951-13.252-6.625-13.252-6.625"/><path fill="#92d3f5" d="M20.92 48.194c-1.2 1.42-3.444 4.473-3.444 7.414a3.4 3.4 0 0 0 1.007 2.435c.65.65 1.515 1.01 2.437 1.01c1.841 0 3.446-1.605 3.444-3.445c0-2.941-2.245-5.993-3.444-7.414"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M55.106 33.485s-9.276-9.277-13.252 6.625c10.602 7.951 13.252-6.625 13.252-6.625M62 53.923l-9.36-5.199m5.2 10.399l-9.36-5.2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M13.292 47.795a23.9 23.9 0 0 1-1.732-8.952l3.64-32.76l10.98 10.715a23.9 23.9 0 0 1 9.3-1.874h1.04c3.299 0 6.442.668 9.3 1.874L56.8 6.084l3.64 32.76c0 3.164-.614 6.186-1.732 8.951m-31.704 13.66A23.9 23.9 0 0 0 35.48 63h1.04c4.647 0 8.985-1.324 12.655-3.618"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16.894 33.485s9.276-9.277 13.252 6.625c-10.602 7.951-13.252-6.625-13.252-6.625M10 53.923l8.72-4.844m-2.71 9.012l-1.85 1.03"/><circle cx="23.52" cy="36.243" r="2.08"/><circle cx="48.48" cy="36.243" r="2.08"/><path d="M24.827 59.473a5.5 5.5 0 0 1-3.907 1.617a5.5 5.5 0 0 1-3.908-1.618a5.48 5.48 0 0 1-1.616-3.906c0-4.86 4.593-9.508 4.789-9.703a1.04 1.04 0 0 1 1.47 0c.196.195 4.79 4.843 4.789 9.703a5.48 5.48 0 0 1-1.617 3.907M20.92 48.152c-1.2 1.42-3.444 4.473-3.444 7.414a3.4 3.4 0 0 0 1.007 2.435c.65.65 1.515 1.01 2.437 1.01c1.841 0 3.446-1.605 3.444-3.445c0-2.941-2.245-5.993-3.444-7.414"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M40.16 52.08L36 46.88m-4.16 5.2l4.16-5.2m-4.16 0h8.32"/></svg>Crying Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:crying-cat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:crying-cat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:crying-cat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--crying-cat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:crying-cat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:crying-cat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/crying-cat.svg" alt="Crying Cat アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Crying Cat アイコン
Crying Cat アイコン のよくある質問
Crying Cat アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Crying Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:crying-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Crying Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/crying-cat.svg" alt="Crying Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。