Smiling Cat With Heart Eyes アイコン
fluent-emoji-high-contrast:smiling-cat-with-heart-eyes
Smiling Cat With Heart Eyes アイコン(fluent-emoji-high-contrast:smiling-cat-with-heart-eyes)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- smilingcat、catwith、withheart、hearteyes、smilingcatwithhearteyes、eye
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M26.225 6.135a.45.45 0 0 1 .503-.1a.4.4 0 0 1 .272.395v.363l-3.146 3.146a1.5 1.5 0 0 0 0 2.122L27 15.207v4.866l1.83-.915q.083-.042.17-.072V6.43c0-2.252-2.712-3.196-4.194-1.705L20.558 9H11.57L7.203 4.719C5.723 3.245 3 4.169 3 6.429v12.657q.087.03.17.072l1.83.915v-4.866l3.146-3.146a1.5 1.5 0 0 0 0-2.122L5 6.793V6.43a.4.4 0 0 1 .276-.394a.47.47 0 0 1 .517.1l.007.008L10.753 11H21.39zM27 13.793l-2.44-2.44a.5.5 0 0 1 0-.707L27 8.208zm-19.56-2.44L5 13.794V8.207l2.44 2.44a.5.5 0 0 1 0 .707M27 23.427v.146l2 1v-2.146zM24.082 29c1.228 0 2.355-.9 2.76-2.152l1.798.899C27.917 29.603 26.178 31 24.082 31H7.918c-2.104 0-3.877-1.36-4.587-3.239l1.804-.901C5.513 28.112 6.642 29 7.918 29zM5 23.573l-2 1v-2.146l2 1z"/><path d="M14.957 20h2.086a.5.5 0 0 1 .353.854l-1.042 1.042a.5.5 0 0 1-.708 0l-1.042-1.042a.5.5 0 0 1 .353-.854M16 23.106c-.538.539-1.457.894-2.5.894c-1.032 0-1.942-.347-2.482-.876c.12.724.928 4.376 4.982 4.376s4.861-3.652 4.982-4.376c-.54.529-1.45.876-2.482.876c-1.044 0-1.963-.355-2.5-.894M8.954 14.09c.835-.104 1.732.58 1.732.58s.316-1.03 1.06-1.387c1.833-.88 3.178.46 3.25 1.715C15.127 17.246 12.52 20 12.52 20s-3.861-.88-5.155-2.791c-.723-1.068-.459-2.867 1.589-3.12m14.086.001c-.834-.104-1.73.58-1.73.58s-.315-1.03-1.058-1.387c-1.832-.88-3.176.46-3.247 1.715C16.873 17.246 19.478 20 19.478 20s3.858-.88 5.15-2.791c.734-1.068.469-2.867-1.587-3.12M2.053 20.276a.5.5 0 0 1 .67-.223l4 2a.5.5 0 1 1-.446.894l-4-2a.5.5 0 0 1-.224-.67m0 6.447a.5.5 0 0 0 .67.223l4-2a.5.5 0 1 0-.446-.894l-4 2a.5.5 0 0 0-.224.67m27.224-6.67a.5.5 0 1 1 .447.894l-4 2a.5.5 0 1 1-.448-.894zm.67 6.671a.5.5 0 0 1-.67.223l-4-2a.5.5 0 1 1 .447-.894l4 2a.5.5 0 0 1 .223.67"/></g></svg>
Smiling Cat With Heart Eyes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:smiling-cat-with-heart-eyes" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:smiling-cat-with-heart-eyes" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:smiling-cat-with-heart-eyes" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--smiling-cat-with-heart-eyes]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:smiling-cat-with-heart-eyes"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:smiling-cat-with-heart-eyes"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-cat-with-heart-eyes.svg" alt="Smiling Cat With Heart Eyes アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Smiling Cat With Heart Eyes アイコン
Smiling Cat With Heart Eyes アイコン のよくある質問
Smiling Cat With Heart Eyes アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Smiling Cat With Heart Eyes アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:smiling-cat-with-heart-eyes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smiling Cat With Heart Eyes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-cat-with-heart-eyes.svg" alt="Smiling Cat With Heart Eyes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
