Fox アイコン
fluent-emoji-flat:fox
Fox アイコン(fluent-emoji-flat:fox)は、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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ff822d" d="M17.558 5.98A12 12 0 0 0 16.86 8h-2.58c-.17-.69-.41-1.386-.715-2.057l-3.534-.92l-3.466.913a10.9 10.9 0 0 0-.985 4.484v7.77c0 .45-.36.81-.81.81H2.63c-.41 0-.71.4-.6.8q.174.616.402 1.209l13.153 4.846l13.144-4.847q.227-.592.401-1.208c.11-.4-.19-.8-.61-.8h-2.14c-.45 0-.81-.36-.81-.81v-7.77a10.9 10.9 0 0 0-.962-4.428l-3.567-.969z"/><path fill="#ff6723" d="M10.19 3.98a8.64 8.64 0 0 1 2.64 4.4a10 10 0 0 0-5.76 4.36V10.4c0-2.47 1.06-4.79 2.87-6.42c.07-.06.18-.06.25 0m13.88 6.44v2.31a10 10 0 0 0-5.77-4.35a8.6 8.6 0 0 1 2.63-4.39c.07-.06.18-.06.25 0a8.57 8.57 0 0 1 2.89 6.43"/><path fill="#ffdea7" d="M28.73 20.99h-6.46c-1.75 0-3.46.55-4.88 1.57l-1.81 1.29l-1.81-1.29a8.37 8.37 0 0 0-4.88-1.57H2.42C4.43 26.26 9.53 30 15.5 30h.14c5.98-.01 11.08-3.75 13.09-9.01"/><path fill="#212121" d="M13.58 5.95c-.65-1.43-1.6-2.75-2.79-3.71c-.2-.16-.45-.24-.7-.24s-.5.08-.7.24c-1.21.97-2.18 2.26-2.83 3.71zm8.18-3.71c-.2-.16-.45-.24-.7-.24s-.5.08-.7.24c-1.2.97-2.16 2.31-2.81 3.76h7.07c-.66-1.47-1.63-2.78-2.86-3.76M11 18a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm7 0a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm-2.42 7.63c.54.82 1.48 1.37 2.54 1.37c.27 0 .49-.22.49-.5s-.22-.5-.5-.5c-1.12 0-2.04-.91-2.04-2.04a.5.5 0 0 0-.052-.226a1 1 0 0 0 .172-.134l1.13-1.13a.865.865 0 0 0-.61-1.48h-2.26c-.78 0-1.17.93-.62 1.48l1.13 1.13q.076.075.165.13a.5.5 0 0 0-.055.23c0 1.12-.91 2.04-2.04 2.04c-.28 0-.5.22-.5.5s.22.5.5.5c1.06 0 2-.55 2.55-1.37"/></g></svg>
Fox アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:fox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:fox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:fox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--fox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:fox"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:fox"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fox.svg" alt="Fox アイコン" width="24" height="24">
Fox アイコン のよくある質問
Fox アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fox アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:fox" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fox アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fox.svg" alt="Fox アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
