Milky Way アイコン
fluent-emoji-high-contrast:milky-way
Milky Way アイコン(fluent-emoji-high-contrast:milky-way)は、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
- カテゴリ
- 旅行・場所
- タグ
- milkyway
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21.49 3a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m-5.63 5.79l-.37-.18a.2.2 0 0 1-.11-.11l-.18-.37c-.09-.18-.34-.18-.42 0l-.16.34c-.02.05-.06.09-.11.11l-.39.19c-.17.09-.17.34 0 .42l.36.17c.05.02.09.06.11.11l.19.39c.09.17.33.17.42 0l.18-.37c.02-.05.06-.09.11-.11l.37-.18c.18-.08.18-.33 0-.41m-5.07 10.39l-.56-.27a.3.3 0 0 1-.16-.16l-.26-.55c-.13-.26-.51-.26-.63 0l-.24.52c-.03.07-.09.13-.16.16l-.59.29c-.26.13-.26.5 0 .63l.53.25c.07.03.13.09.16.16l.29.58c.13.26.5.26.63 0l.27-.56c.03-.07.09-.13.16-.16l.56-.27c.27-.12.27-.5 0-.62M22.86 6.79l-.37-.18a.2.2 0 0 1-.11-.11l-.18-.37c-.09-.18-.34-.18-.42 0l-.16.34c-.02.05-.06.09-.11.11l-.39.19c-.17.09-.17.34 0 .42l.36.17c.05.02.09.06.11.11l.19.39c.09.17.33.17.42 0l.18-.37c.02-.05.06-.09.11-.11l.37-.18c.18-.08.18-.33 0-.41m-8 10l-.37-.18a.2.2 0 0 1-.11-.11l-.18-.37c-.09-.18-.34-.18-.42 0l-.16.34c-.02.05-.06.09-.11.11l-.39.19c-.17.09-.17.34 0 .42l.36.17c.05.02.09.06.11.11l.19.39c.09.17.33.17.42 0l.18-.37c.02-.05.06-.09.11-.11l.37-.18c.18-.08.18-.33 0-.41M18.49 12a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-8 2a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-4.5 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m15.5-5.89l.37.18c.18.08.18.33 0 .41l-.37.18c-.05.02-.09.06-.11.11l-.18.37c-.09.17-.33.17-.42 0l-.19-.39a.2.2 0 0 0-.11-.11l-.36-.17c-.17-.08-.17-.33 0-.42l.39-.19c.05-.02.09-.06.11-.11l.16-.34c.08-.18.33-.18.42 0l.18.37c.02.05.06.09.11.11m-2.5 5.89a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m8-12a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path d="M5.67 1h20.66A4.666 4.666 0 0 1 31 5.67v20.66A4.666 4.666 0 0 1 26.33 31H5.67A4.666 4.666 0 0 1 1 26.33V5.67A4.666 4.666 0 0 1 5.67 1m9.84 2c-2.472 2.582-4.254 5.099-5.84 7.34c-2.147 3.046-3.85 5.454-6.67 7.355v8.635a2.66 2.66 0 0 0 1.058 2.13c7.328-3.237 10.605-7.853 13.782-12.35c2.745-3.889 5.354-7.577 11.047-11.214A2.67 2.67 0 0 0 26.33 3zM29 6.836C22.749 11.201 17.201 17.756 14.518 29h4.12c2.11-8.134 5.868-13.396 10.362-17.14zM7.99 5.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m18 14a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m-3.5 6.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m5.5-1.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M4.49 11a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></g></svg>
Milky Way アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:milky-way" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:milky-way" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:milky-way" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--milky-way]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:milky-way"></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:milky-way"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/milky-way.svg" alt="Milky Way アイコン" width="24" height="24">
他のアイコンセットの Milky Way アイコン
Milky Way アイコン のよくある質問
Milky Way アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Milky Way アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:milky-way" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Milky Way アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/milky-way.svg" alt="Milky Way アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
