Smiling Cat With Heart Eyes アイコン

Q: Smiling Cat With Heart Eyes アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:smiling-cat-with-heart-eyes

Smiling Cat With Heart Eyes アイコン(openmoji:smiling-cat-with-heart-eyes)は、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
カテゴリ: スマイリー・感情
タグ: smilingcat、catwith、withheart、hearteyes、smilingcatwithhearteyes、eye

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M58.628 48.844c-3.595 9.11-12.621 15.143-23.19 15.143c-9.11 0-19.24-5.843-22.835-14.953l-.127-.313c-1.14-2.857-.955-6.355-.955-9.625l3.664-32.345l10.22 10.07a24.15 24.15 0 0 1 9.502-1.936h1.063c3.37 0 6.583.69 9.503 1.937L56.693 5.75l3.72 33.85c0 3.27-.629 6.392-1.77 9.25"/><path fill="#e27022" d="M35.439 63.987c10.6.342 20.338-6 23.933-15.11l.111-.23c1.14-2.858 1.956-6.892 1.956-10.162L56.693 5.75"/><path fill="#d22f27" d="M23.882 31.304c-1.364-3.616-6.944-3.848-6.594 1.42c.046.7.303 1.372.691 1.955l5.733 6.924l5.63-6.755c.624-.75.994-1.701.975-2.68c-.093-4.691-5.445-4.35-6.606-.866"/><path fill="#ea5a47" d="M25.386 48.639s7.794 4.156 10.392-3.118c2.598 7.274 10.797 3.068 10.797 3.068s-2.692 4.377-3.485 5.23c-4.014 4.31-9.394 4.05-13.661.116c-.935-.861-4.043-5.296-4.043-5.296"/><path fill="#d22f27" d="M48.604 31.304c-1.364-3.616-6.943-3.848-6.594 1.42c.047.7.303 1.372.692 1.955l5.733 6.924l5.629-6.755c.624-.75.994-1.701.975-2.68c-.093-4.691-5.445-4.35-6.606-.866"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="m62.019 54.059l-9.47-4.981m5.254 10.285l-9.352-5.196M13.29 48.043a23.8 23.8 0 0 1-1.731-8.945l3.637-32.735l10.97 10.707a23.85 23.85 0 0 1 9.295-1.874H36.5c3.296 0 6.437.668 9.294 1.874l10.97-10.707l3.637 32.735c0 3.162-.614 6.182-1.73 8.945M22.816 59.385A23.8 23.8 0 0 0 35.46 63h1.04c4.643 0 8.977-1.323 12.645-3.615M10 54.167l9.353-5.196m-5.196 10.392l9.353-5.196"/><path d="M23.882 31.397c-1.364-3.616-6.944-3.847-6.594 1.42c.046.7.303 1.372.691 1.956l5.733 6.923h0l5.63-6.755c.624-.75.994-1.701.975-2.68c-.093-4.691-5.445-4.35-6.606-.866zm24.722 0c-1.364-3.616-6.943-3.847-6.594 1.42c.047.7.303 1.372.692 1.956l5.733 6.923h0l5.629-6.755c.624-.75.994-1.701.975-2.68c-.093-4.691-5.445-4.35-6.606-.866zM31.637 45.466h8.321m-14.56 3.12s7.8 4.16 10.4-3.12c2.6 7.28 10.804 3.07 10.804 3.07s-2.693 4.381-3.487 5.234c-4.017 4.313-9.4 4.053-13.672.116c-.935-.862-4.046-5.3-4.046-5.3"/></g></svg>

Smiling Cat With Heart Eyes アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:smiling-cat-with-heart-eyes" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:smiling-cat-with-heart-eyes" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:smiling-cat-with-heart-eyes" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--smiling-cat-with-heart-eyes]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji: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="openmoji:smiling-cat-with-heart-eyes"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/smiling-cat-with-heart-eyes.svg" alt="Smiling Cat With Heart Eyes アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Smiling Cat With Heart Eyes アイコン

Smiling Cat With Heart Eyes アイコンのよくある質問

Smiling Cat With Heart Eyes アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Smiling Cat With Heart Eyes アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:smiling-cat-with-heart-eyes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Smiling Cat With Heart Eyes アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/smiling-cat-with-heart-eyes.svg" alt="Smiling Cat With Heart Eyes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →