Smiling Cat Face With Heart Eyes アイコン

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

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

emojione-v1:smiling-cat-face-with-heart-eyes

Smiling Cat Face With Heart Eyes アイコン(emojione-v1:smiling-cat-face-with-heart-eyes)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 人物
タグ: smilingcat、catface、facewith、withheart、hearteyes、eye

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#87b1c1" d="M50.03 10.866c-.987 4.175 9.05 12.896 11.968 13.597c2.914.702 1.563-8.239 1.424-13.25C63.288 6.055 63.406.844 60.49.143c-2.919-.702-9.471 6.541-10.46 10.726"/><path fill="#eda75a" d="M50.53 14.12c-.861 3.627 7.855 11.198 10.389 11.809c2.532.608 1.354-7.156 1.239-11.5c-.124-4.481-.02-9.01-2.549-9.619c-2.532-.609-8.218 5.689-9.08 9.31"/><path fill="#7094a6" d="M14.3 10.866c.991 4.175-9.04 12.896-11.962 13.597c-2.919.702-1.563-8.239-1.432-13.25C1.05 6.055.924.844 3.846.143C6.759-.559 13.31 6.684 14.3 10.869"/><path fill="#eda75a" d="M14.02 14.12c.86 3.627-7.853 11.198-10.389 11.809c-2.532.608-1.356-7.156-1.236-11.5c.121-4.481.001-9.01 2.542-9.619c2.537-.609 8.226 5.689 9.08 9.31"/><path fill="#87b1c1" d="M63.855 31.826c0 17.721-14.258 32.08-31.856 32.08S.144 49.546.144 31.826c0-17.724 14.257-30.06 31.855-30.06c17.599 0 31.856 12.335 31.856 30.06"/><path fill="#394c54" d="M26.565 33.908c0-2.604 2.198-2.564 5.198-2.564s5.67-.04 5.67 2.564s-2.437 4.72-5.435 4.72c-3 0-5.433-2.115-5.433-4.72M57.1 39.662c0 11.305-11.296 20.47-25.22 20.47c-13.913 0-25.22-9.165-25.22-20.47"/><path fill="#fff" d="M53.795 41.06c0 4.64-9.841 8.396-21.964 8.396c-12.12 0-21.964-3.756-21.964-8.396"/><path fill="#394c54" d="M45.496 44.17c0 5.02-6.361 9.09-14.21 9.09c-7.838 0-14.207-4.07-14.207-9.09"/><path fill="#5e7d89" d="M23.914 37.463c-.045.762-.567 1.351-1.172 1.317l-17.06-.965c-.601-.035-1.058-.68-1.014-1.441c.043-.761.569-1.35 1.172-1.315l17.06.964c.604.034 1.059.68 1.015 1.44m-.675 3.197c.125.718-.18 1.37-.678 1.457l-14.1 2.444c-.498.086-1-.424-1.13-1.144c-.123-.716.182-1.368.68-1.454l14.1-2.443c.498-.087 1 .422 1.128 1.14m16.85-3.5c.043.761.567 1.351 1.171 1.316l17.06-.964c.604-.036 1.061-.681 1.017-1.441c-.045-.762-.569-1.351-1.172-1.316l-17.06.964c-.603.034-1.058.68-1.014 1.441m.667 3.19c-.124.718.181 1.37.679 1.457l14.1 2.443c.498.087 1-.423 1.127-1.143c.126-.716-.179-1.368-.677-1.455l-14.1-2.443c-.498-.086-1 .424-1.13 1.141"/><path fill="#d13852" d="M18.852 31.89c.53.229.985.419 1.439.604c.285.117.565.231.849.344c.156-.238.326-.5.494-.765q.404-.626.789-1.249c3.296-5.764 6.987-12.212 5.179-18.204a8 8 0 0 0-.711-1.437A9 9 0 0 0 25.8 9.8c-1.036-.993-2.977-1.482-4.701-1.16c-3.27.622-4.208 2.805-5.02 5.402l-.435 1.384l-1.15-.886c-1.951-1.506-3.779-2.68-6.377-1.862a7 7 0 0 0-.834.324c-1.593.724-2.904 2.237-3.186 3.68a8.2 8.2 0 0 0-.096 1.726a8 8 0 0 0 .257 1.637c1.943 5.889 8.665 9.06 14.595 11.845m26.297 0c-.529.229-.984.419-1.439.604a75 75 0 0 1-.848.344c-.156-.238-.325-.5-.494-.765a73 73 0 0 1-.788-1.249c-3.297-5.764-6.987-12.212-5.179-18.204c.17-.464.414-.964.711-1.437A9 9 0 0 1 38.205 9.8c1.035-.993 2.977-1.482 4.7-1.16c3.269.622 4.208 2.805 5.02 5.402l.436 1.384l1.15-.886c1.95-1.506 3.778-2.68 6.376-1.862q.407.129.835.324c1.593.724 2.902 2.237 3.187 3.68c.09.556.122 1.15.094 1.726a7.8 7.8 0 0 1-.257 1.637c-1.944 5.889-8.668 9.06-14.597 11.845"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:smiling-cat-face-with-heart-eyes"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:smiling-cat-face-with-heart-eyes"></iconify-icon>

HTML 画像

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

Emoji One (v1) の関連アイコン

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

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

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

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

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

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

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

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

Emoji One (v1) アイコンをすべて見る →