Wing アイコン
fluent-emoji-flat:wing
Wing アイコン(fluent-emoji-flat:wing)は、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 stroke="#636363" stroke-linecap="round" stroke-width="3" d="M6.938 21.595c-.624.5-1.75 4.282-.812 6.94"/><path stroke="#9b9b9b" stroke-linecap="round" stroke-width="3" d="M6.938 21.595c-.625.5.282 5.284 2.376 6.94"/><path stroke="#636363" stroke-linecap="round" stroke-width="4" d="M7.733 16.282c.47 1.939-.613 6.835 5.67 11.712"/><path stroke="#9b9b9b" stroke-linecap="round" stroke-width="4" d="M7.733 16.282c.468 1.939 2.75 7.379 10.503 9.911"/><path stroke="#636363" stroke-linecap="round" stroke-width="4" d="M7.983 13.313c.118.427 4.345 10.067 13.755 9.535"/><path stroke="#9b9b9b" stroke-linecap="round" stroke-width="5" d="M10.766 14.062c.406-.844 4.501 5.315 13.317 4.658"/><path stroke="#636363" stroke-linecap="round" stroke-width="5" d="M11.016 10.967c.157.327 6.868 5.14 15.413 2.924"/><path stroke="#9b9b9b" stroke-linecap="round" stroke-width="6" d="M10.046 9.22c.391.167 9.4 3.132 16.997-1.062"/><path fill="#bebebe" fill-rule="evenodd" d="M29.328 4.754a1.5 1.5 0 1 0-1.65-2.506c-6.412 4.223-15.215 3.826-16.8 3.754q-.17-.008-.226-.008l-.074.002l-.075-.001a4.5 4.5 0 0 0-4.497 4.301l-2.99 18.545a1 1 0 1 0 1.975.318L6.85 17.635c.15.531.383 1.075.725 1.61a.658.658 0 1 0 1.109-.71a4.8 4.8 0 0 1-.645-1.563c.38.442.85.86 1.429 1.211a.657.657 0 1 0 .682-1.126a4.7 4.7 0 0 1-1.313-1.192c.59.41 1.302.756 2.147.94a.657.657 0 1 0 .28-1.285a4.7 4.7 0 0 1-1.42-.57q.324.048.66.049a4.502 4.502 0 0 0 4.244-6.005c.73-.038 1.531-.1 2.382-.195c3.614-.408 8.254-1.447 12.2-4.045" clip-rule="evenodd"/><path fill="#dadada" d="M9.503 13.965A4.502 4.502 0 0 0 13.85 8.29c-.074-.274.251-.513.408-.277a4.502 4.502 0 0 1-6.361 6.154c-.232-.164.018-.48.29-.398c.416.127.858.196 1.316.196"/></g></svg>
Wing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:wing" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:wing" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:wing" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--wing]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:wing"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:wing"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/wing.svg" alt="Wing アイコン" width="24" height="24">
Wing アイコン のよくある質問
Wing アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wing アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:wing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/wing.svg" alt="Wing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
