Black Cat アイコン
fluent-emoji-high-contrast:black-cat
Black Cat アイコン(fluent-emoji-high-contrast:black-cat)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
- タグ
- blackcat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M23.07 2c-.57-.01-1.13.061-1.66.18a.98.98 0 0 0-.595 1.51q.004.004.005.011c.23.35.65.52 1.06.43c.36-.09.74-.13 1.12-.13c2.84 0 5.14 2.38 4.99 5.25a5 5 0 0 1-1.385 3.2l.04.076a6.49 6.49 0 0 0-5.145-2.526c-.98 0-1.96.22-2.84.65l-4.77 2.32c-.41.2-.88-.1-.88-.55v-1.33c0-1.25-.47-2.39-1.24-3.26l-4.05-4.51c-.25-.28-.72-.11-.72.27v2.71c-1.87.43-3.34 2.32-3.72 4.27c-.05.25-.27.43-.52.43a.76.76 0 0 0-.76.76v.22c0 2.22 1.8 4.02 4.02 4.02v1.59a4.41 4.41 0 0 0 3.98 4.39v6.65c0 .2.17.37.38.37h2.25c.21 0 .38-.17.38-.38v-5.879l1.4 5.879c.06.22.26.38.49.38h2.13c.24 0 .42-.23.36-.45l-1.557-6.55h4.014l-1.557 6.55c-.06.22.12.45.36.45h2.13c.23 0 .43-.16.49-.38l1.17-4.91l.95.95c.21.21.27.52.15.79l-1.3 3.03c-.12.24.06.52.33.52h2.18c.15 0 .29-.09.34-.23l2.52-5.89c.26-.58.39-1.21.39-1.84v-4.54c0-.784-.139-1.535-.393-2.231A7 7 0 0 0 30 8.9c-.05-3.78-3.15-6.86-6.93-6.9M5.813 10.747c0-.359.29-.637.637-.637c.359 0 .637.29.637.637v.95a.64.64 0 0 1-.637.637a.635.635 0 0 1-.637-.637z"/></svg>
Black Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:black-cat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:black-cat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:black-cat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--black-cat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast: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-high-contrast:black-cat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/black-cat.svg" alt="Black Cat アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Black Cat アイコン
Black Cat アイコン のよくある質問
Black Cat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Black Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:black-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Black Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/black-cat.svg" alt="Black Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
