Black Cat アイコン
fluent-emoji-flat:black-cat
Black Cat アイコン(fluent-emoji-flat:black-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
- カテゴリ
- 動物・自然
- タグ
- blackcat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M14.9 30.001h2.13c.24 0 .42-.23.36-.45l-1.89-7.95h-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="#635994" 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.37c.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.41a.86.86 0 0 0-.61-.25h-7.36v6.62c0 .21-.17.38-.38.38h-2.25c-.21 0-.38-.17-.38-.37v-6.65a4.41 4.41 0 0 1-3.98-4.39v-1.59A4.02 4.02 0 0 1 2 12.981v-.22c0-.42.34-.76.76-.76c.25 0 .47-.18.52-.43c.38-1.95 1.85-3.84 3.72-4.27v-2.71c0-.38.47-.55.72-.27l4.05 4.51c.77.87 1.24 2.01 1.24 3.26v1.33c0 .45.47.75.88.55l4.77-2.32c.88-.43 1.86-.65 2.84-.65c2.064 0 3.903.962 5.094 2.462a5 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-.004-.005-.01a.98.98 0 0 1 .6-1.5"/><path fill="#212121" d="M6 11.571c0-.32.22-.571.5-.571s.5.263.5.571v.858c0 .32-.22.571-.5.571s-.5-.251-.5-.571zm-2.56.43c.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>
Black Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:black-cat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:black-cat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:black-cat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--black-cat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:black-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:black-cat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/black-cat.svg" alt="Black Cat アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Black Cat アイコン
Black Cat アイコン のよくある質問
Black Cat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Black Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:black-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Black Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/black-cat.svg" alt="Black Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
