Pouting Cat アイコン
openmoji:pouting-cat
Pouting Cat アイコン(openmoji:pouting-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
- カテゴリ
- スマイリー・感情
- タグ
- poutingcat
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.974c-3.598 9.117-12.632 15.013-23.208 15.013c-9.117 0-19.256-5.706-22.853-14.823l-.126-.313c-1.142-2.86-.958-6.36-.958-9.632l3.667-32.372l10.228 10.08a24.2 24.2 0 0 1 9.51-1.939h1.064c3.373 0 6.588.692 9.51 1.94l11.228-11.08l3.723 33.875a24.9 24.9 0 0 1-1.77 9.257"/><path fill="#e27022" d="M35.458 63.987c10.61.342 20.354-5.863 23.952-14.98l.11-.23c1.142-2.86.959-6.897.959-10.17l-3.75-32.76"/><path fill="#fff" d="M55.106 33.769S41.2 39.647 41.854 40.394c13.306 12.103 14.35-4.94 13.252-6.625m-38.212 0s12.866 6.918 13.252 6.625c-12.845 12.738-14.549-3.86-13.252-6.625"/><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.32m14.946-13.158S41.2 39.6 41.854 40.347c13.306 12.103 14.35-4.94 13.252-6.625M62 54.16l-9.36-5.2m5.2 10.4l-9.36-5.2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M13.292 48.032a23.9 23.9 0 0 1-1.732-8.952L15.2 6.32l10.98 10.715a23.9 23.9 0 0 1 9.3-1.875h1.04c3.299 0 6.441.668 9.301 1.875L56.8 6.32l3.64 32.76c0 3.165-.614 6.186-1.732 8.952m-35.883 11.35A23.8 23.8 0 0 0 35.48 63h1.04c4.646 0 8.984-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.722s12.866 6.918 13.252 6.625c-12.845 12.737-14.549-3.86-13.252-6.625M10 54.16l9.36-5.2m-5.2 10.4l9.36-5.2"/><circle cx="23.52" cy="38.56" r="2.08"/><circle cx="48.48" cy="38.56" r="2.08"/></svg>Pouting Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:pouting-cat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:pouting-cat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:pouting-cat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--pouting-cat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:pouting-cat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:pouting-cat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/pouting-cat.svg" alt="Pouting Cat アイコン" width="24" height="24">他のアイコンセットの Pouting Cat アイコン
Pouting Cat アイコン のよくある質問
Pouting Cat アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Pouting Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:pouting-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pouting Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/pouting-cat.svg" alt="Pouting Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。