Cat Face アイコン

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

twemoji:cat-face

Cat Face アイコン(twemoji:cat-face)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Twitter Emoji
作者: Twitter
ライセンス: CC-BY-4.0
サイズ: 36 × 36
カテゴリ: 動物・自然
タグ: catface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M32.348 13.999s3.445-8.812 1.651-11.998c-.604-1.073-8 1.998-10.723 5.442c0 0-2.586-.86-5.276-.86s-5.276.86-5.276.86C10.001 3.999 2.605.928 2.001 2.001C.207 5.187 3.652 13.999 3.652 13.999c-.897 1.722-1.233 4.345-1.555 7.16c-.354 3.086.35 5.546.658 6.089c.35.617 2.123 2.605 4.484 4.306c3.587 2.583 8.967 3.445 10.761 3.445s7.174-.861 10.761-3.445c2.361-1.701 4.134-3.689 4.484-4.306c.308-.543 1.012-3.003.659-6.089c-.324-2.814-.659-5.438-1.556-7.16"/><path fill="#f18f26" d="M2.359 2.971c.2-.599 5.348 2.173 6.518 5.404c0 0-3.808 2.624-4.528 4.624c0 0-2.99-7.028-1.99-10.028"/><path fill="#ffcc4d" d="M5.98 7.261c0-1.414 5.457 2.733 4.457 3.733s-1.255.72-2.255 1.72S5.98 8.261 5.98 7.261"/><path fill="#f18f26" d="M33.641 2.971c-.2-.599-5.348 2.173-6.518 5.404c0 0 3.808 2.624 4.528 4.624c0 0 2.99-7.028 1.99-10.028"/><path fill="#ffcc4d" d="M30.02 7.261c0-1.414-5.457 2.733-4.457 3.733s1.255.72 2.255 1.72s2.202-4.453 2.202-5.453"/><path fill="#292f33" d="M14.001 20.001a2 2 0 1 1-3.998 0A2 2 0 0 1 14 20m11.998 0A2 2 0 1 1 22 20a2 2 0 0 1 3.998 0"/><path fill="#fee7b8" d="M2.201 30.458a.5.5 0 0 1-.31-.892c.162-.127 4.02-3.12 10.648-2.605a.5.5 0 0 1 .46.536c-.021.275-.257.501-.537.46c-6.233-.474-9.915 2.366-9.951 2.395a.5.5 0 0 1-.31.106m8.868-4.663a.5.5 0 0 1-.149-.022c-4.79-1.497-8.737-.347-8.777-.336a.499.499 0 1 1-.288-.957c.173-.052 4.286-1.247 9.362.338a.5.5 0 0 1-.148.977m22.73 4.663a.5.5 0 0 0 .31-.892c-.162-.127-4.02-3.12-10.648-2.605a.5.5 0 0 0-.46.536c.022.275.257.501.537.46c6.233-.474 9.915 2.366 9.951 2.395c.093.07.202.106.31.106m-8.868-4.663q.075 0 .149-.022c4.79-1.497 8.737-.347 8.777-.336a.499.499 0 1 0 .288-.957c-.173-.052-4.286-1.247-9.362.338a.5.5 0 0 0 .148.977"/><path fill="#67757f" d="M24.736 30.898a.5.5 0 0 0-.643-.294c-.552.206-1.076.311-1.559.311c-1.152 0-1.561-.306-2.033-.659c-.451-.338-.956-.715-1.99-.803v-2.339a.5.5 0 0 0-1 0v2.373c-.81.115-1.346.439-1.816.743c-.568.367-1.059.685-2.083.685c-.482 0-1.006-.104-1.558-.311a.501.501 0 0 0-.35.938c.664.247 1.306.373 1.907.373c1.319 0 2.014-.449 2.627-.845c.524-.339.98-.631 1.848-.635c.992.008 1.358.278 1.815.621c.538.403 1.147.859 2.633.859c.601 0 1.244-.126 1.908-.373a.5.5 0 0 0 .294-.644"/><path fill="#e75a70" d="M19.4 24.807h-2.8c-.64 0-1.163.523-1.163 1.163c0 .639.523 1.163 1.163 1.163h.237v.345c0 .639.523 1.163 1.163 1.163s1.163-.523 1.163-1.163v-.345h.237c.639 0 1.163-.523 1.163-1.163s-.524-1.163-1.163-1.163"/><path fill="#f18f26" d="M18.022 17.154a.5.5 0 0 1-.5-.5V8.37a.5.5 0 0 1 1 0v8.284c0 .277-.223.5-.5.5M21 15.572a.5.5 0 0 1-.5-.5c0-2.882 1.232-5.21 1.285-5.308a.5.5 0 0 1 .881.473c-.012.021-1.166 2.213-1.166 4.835a.5.5 0 0 1-.5.5m-6 0a.5.5 0 0 1-.5-.5c0-2.623-1.155-4.814-1.167-4.835a.501.501 0 0 1 .881-.473c.053.098 1.285 2.426 1.285 5.308a.5.5 0 0 1-.499.5"/></svg>

Cat Face アイコンの使い方

React

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

<Icon icon="twemoji:cat-face" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:cat-face" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:cat-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--cat-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:cat-face"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:cat-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/cat-face.svg" alt="Cat Face アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Cat Face アイコン

Cat Face アイコンのよくある質問

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Cat Face アイコンを使うには?

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

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

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

Twitter Emoji アイコンをすべて見る →