Cat アイコン

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

はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji-flat:cat

Cat アイコン(fluent-emoji-flat:cat)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji Flat
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" d="M14.9 30h2.13c.24 0 .42-.23.36-.45L15.5 21.6h-3l1.91 8.02c.06.22.26.38.49.38m5.88 0h-2.13c-.24 0-.42-.23-.36-.45l1.89-7.95h3l-1.91 8.02c-.06.22-.26.38-.49.38"/><path fill="#f3ad61" d="M21.41 3.18c.53-.12 1.09-.19 1.66-.18c3.78.04 6.88 3.12 6.93 6.9a7 7 0 0 1-2.393 5.369c.254.696.393 1.447.393 2.231v4.54c0 .63-.13 1.26-.39 1.84l-2.52 5.89c-.05.14-.19.23-.34.23h-2.18c-.27 0-.45-.28-.33-.52l1.3-3.03c.12-.27.06-.58-.15-.79l-2.41-2.41c-.16-.16-4.299-2.54-4.529-2.54L13.01 23v6.62c0 .21-.17.38-.38.38h-2.25c-.21 0-.38-.17-.38-.37v-6.65l-1.974-3.978L6.02 17A4.02 4.02 0 0 1 2 12.98v-.22c0-.42.34-.76.76-.76c.25 0 .47-.18.52-.43C3.66 9.62 5.13 7.73 7 7.3V4.59c0-.38.47-.55.72-.27l3.31 3.686l-.262.98l1.771 1.008q.226.478.344 1.006l-.646.996l.773 1.015v.409c0 .45.47.75.88.55l.12-.058l1.065.394l.914-1.357l1.03-.5l.974.312l.975-1.251q.497-.21 1.023-.334l.957 1.186l1.002-1.347a6.5 6.5 0 0 1 4.644 2.447a5 5 0 0 0 1.396-3.212C28.14 7.38 25.84 5 23 5c-.38 0-.76.04-1.12.13c-.41.09-.83-.08-1.06-.43q-.001-.007-.005-.01q-.005-.003-.005-.01a.98.98 0 0 1 .6-1.5"/><path fill="#d3883e" d="M11.76 8.83L11.02 8H10c-.55 0-1 .45-1 1s.45 1 1 1h2.547c-.2-.43-.477-.82-.787-1.17m8.21 2.35q.75-.18 1.53-.18c.15 0 .31.01.47.02v3.36c0 .55-.45 1-1 1s-1-.45-1-1zm-1.32.47l-1.67.81v2.75c0 .55.45 1 1 1s1-.45 1-1v-3.7c-.11.04-.22.09-.33.14M15 17.04c.55 0 1-.45 1-1v-3.1l-2 .97v2.13c0 .55.45 1 1 1M12.88 11c.08.35.12.71.12 1.09V13h-1.5c-.55 0-1-.45-1-1s.45-1 1-1z"/><path fill="#ffdea7" d="M8.725 17.903A1.59 1.59 0 0 0 7.29 17H6.02v1.59A4.41 4.41 0 0 0 10 22.98v-2.89zm7.915 2.247H13V23h7.36c.23 0 .45.09.61.25l-1.5-1.78c-.7-.84-1.74-1.32-2.83-1.32"/><path fill="#212121" d="M6.02 11.587c0-.32.223-.567.49-.567c.276 0 .49.258.49.567v.846c0 .31-.214.557-.49.567c-.276 0-.49-.258-.49-.567zM3.44 12c.24 0 .37.27.23.46l-1.42 1.91c-.16-.43-.25-.9-.25-1.39v-.22c0-.42.34-.76.76-.76z"/></g></svg>

Cat アイコンの使い方

React

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

<Icon icon="fluent-emoji-flat:cat" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:cat" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:cat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--cat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:cat"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-flat:cat"></iconify-icon>

HTML 画像

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

Fluent Emoji Flat の関連アイコン

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

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

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

はい。Fluent Emoji Flat icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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