Grinning Cat Face アイコン
streamline-emojis:grinning-cat-face
Grinning Cat Face アイコン(streamline-emojis:grinning-cat-face)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- スマイリー・人物
- タグ
- grinningcat、catface、grinningcatface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffe500" d="M27.12 8.68s8.43-5.74 11.57-3.15s-1.21 13.21-1.21 13.21Z"/><path fill="#ffa694" d="M28.49 10.87s6-4.35 8.14-2.6s-1.12 9.41-1.12 9.41Z"/><path fill="#ffe500" d="M20.88 8.68S12.45 2.94 9.31 5.53s1.21 13.21 1.21 13.21Z"/><path fill="#fff48c" d="M38.69 7.72a3.5 3.5 0 0 1 1.09 2.38c.18-2 0-3.71-1.09-4.57c-3.14-2.59-11.57 3.15-11.57 3.15L28.49 10c2.51-1.48 7.85-4.22 10.2-2.28m-29.38 0c2.35-1.94 7.68.8 10.2 2.29l1.37-1.33S12.45 2.94 9.31 5.53C8.26 6.39 8 8.14 8.22 10.1a3.5 3.5 0 0 1 1.09-2.38"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.12 8.68s8.43-5.74 11.57-3.15s-1.21 13.21-1.21 13.21Zm-6.24 0S12.45 2.94 9.31 5.53s1.21 13.21 1.21 13.21Z"/><path fill="#ffa694" d="M19.51 10.87s-6-4.35-8.14-2.6s1.12 9.41 1.12 9.41Z"/><path fill="#ff866e" d="M36.63 10.52a2 2 0 0 1 .63 1.17c.2-1.48.11-2.81-.63-3.42c-2.13-1.75-8.14 2.6-8.14 2.6l1.38 1.34c1.9-1.21 5.27-2.92 6.76-1.69m-25.26 0c1.49-1.23 4.86.52 6.76 1.69l1.38-1.34s-6-4.35-8.14-2.6c-.74.61-.83 1.94-.63 3.42a2 2 0 0 1 .63-1.17"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.49 10.87s6-4.35 8.14-2.6s-1.12 9.41-1.12 9.41Zm-8.98 0s-6-4.35-8.14-2.6s1.12 9.41 1.12 9.41Z"/><path fill="#45413c" d="M13 43.5a11 1.5 0 1 0 22 0a11 1.5 0 1 0-22 0" opacity=".15"/><path fill="#ffe500" d="m39.33 28.91l-.94-8.71A14.26 14.26 0 0 0 24 7.75A14.26 14.26 0 0 0 9.61 20.2l-.94 8.71a8.09 8.09 0 0 0 8.25 8.77h.46c1.25 1.55 3.74 2.61 6.62 2.61s5.37-1.06 6.62-2.61h.46a8.09 8.09 0 0 0 8.25-8.77"/><path fill="#fff48c" d="M9.61 23.88A14.25 14.25 0 0 1 24 11.44a14.26 14.26 0 0 1 14.39 12.44l.81 7.49a7.7 7.7 0 0 0 .13-2.46l-.94-8.71A14.27 14.27 0 0 0 24 7.75A14.26 14.26 0 0 0 9.61 20.2l-.94 8.71a7.7 7.7 0 0 0 .13 2.46Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m39.33 28.91l-.94-8.71A14.26 14.26 0 0 0 24 7.75A14.26 14.26 0 0 0 9.61 20.2l-.94 8.71a8.09 8.09 0 0 0 8.25 8.77h.46c1.25 1.55 3.74 2.61 6.62 2.61s5.37-1.06 6.62-2.61h.46a8.09 8.09 0 0 0 8.25-8.77"/><path fill="#ff866e" d="M26.68 29.59A3 3 0 0 1 24 31.82a3 3 0 0 1-2.68-2.23c0-.68 1.2-1.23 2.68-1.23s2.68.55 2.68 1.23"/><path fill="#ffa694" d="M24 29.86a4 4 0 0 1 2.32.61a1.7 1.7 0 0 0 .36-.88c0-.68-1.2-1.23-2.68-1.23s-2.68.55-2.68 1.23a1.7 1.7 0 0 0 .36.88a4 4 0 0 1 2.32-.61"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.68 29.59A3 3 0 0 1 24 31.82a3 3 0 0 1-2.68-2.23c0-.68 1.2-1.23 2.68-1.23s2.68.55 2.68 1.23"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.92 24a1.15 1.15 0 1 0 1.15-1.15A1.14 1.14 0 0 0 15.92 24m16.16 0a1.15 1.15 0 1 1-1.15-1.15A1.14 1.14 0 0 1 32.08 24"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.78 33.3a.66.66 0 0 0-.5.23a.65.65 0 0 0-.15.52a4.94 4.94 0 0 0 9.74 0a.65.65 0 0 0-.15-.52a.66.66 0 0 0-.5-.23Z"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.88 36.32a7.9 7.9 0 0 0-3.88-.91a7.9 7.9 0 0 0-3.88.91a5 5 0 0 0 7.76 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m31.11 30.18l5.42-.83m-5.42 3.29l5.42.75m-19.64-3.21l-5.42-.83m5.42 3.29l-5.42.75"/></svg>Grinning Cat Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:grinning-cat-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:grinning-cat-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:grinning-cat-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--grinning-cat-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:grinning-cat-face"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:grinning-cat-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/grinning-cat-face.svg" alt="Grinning Cat Face アイコン" width="24" height="24">Streamline Emojis の関連アイコン
他のアイコンセットの Grinning Cat Face アイコン
Grinning Cat Face アイコン のよくある質問
Grinning Cat Face アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Grinning Cat Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:grinning-cat-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grinning Cat Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/grinning-cat-face.svg" alt="Grinning Cat Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。