Milky Way アイコン
fluent-emoji-flat:milky-way
Milky Way アイコン(fluent-emoji-flat:milky-way)は、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
- カテゴリ
- 旅行・場所
- タグ
- milkyway
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#321b41" d="M26.33 30h-7.951l-1.844-.785l-2.234.785H5.67a3.66 3.66 0 0 1-2.639-1.117l.352-3.044L2 18.33V5.67C2 3.64 3.64 2 5.67 2h10.846l6.999 2.152l6.244.205c.156.407.241.85.241 1.313v.51l-1.503 3.424L30 11.054V26.33c0 2.03-1.64 3.67-3.67 3.67"/><path fill="#0074ba" d="M26.33 2H16.5c-3 2.93-5.04 5.81-6.83 8.34c-2.39 3.39-4.23 5.99-7.67 7.98v8.01c0 .99.4 1.89 1.04 2.56c8.05-3.25 11.48-8.08 14.8-12.78c2.88-4.08 5.61-7.94 11.91-11.75A3.66 3.66 0 0 0 26.33 2M14.29 30h4.1c2.2-9.32 6.49-15.01 11.61-18.94v-4.9C23.16 10.64 17.01 17.53 14.29 30M7.99 5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m18 14a.5.5 0 1 1-1 0a.5.5 0 0 1 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 1-1 0a.5.5 0 0 1 1 0M4.49 11a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#fcd53f" d="m15.86 8.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-.62m10.7-1.57l.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.11"/><path fill="#26eafc" d="m22.49 6.61l.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-8 10l.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.11m4-4.61a.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 1m8.5 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#f4f4f4" fill-rule="evenodd" d="M21.99 3.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m4.5 8.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-21 12a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1" clip-rule="evenodd"/></g></svg>
Milky Way アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:milky-way" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:milky-way" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:milky-way" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--milky-way]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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-flat:milky-way"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/milky-way.svg" alt="Milky Way アイコン" width="24" height="24">
他のアイコンセットの Milky Way アイコン
Milky Way アイコン のよくある質問
Milky Way アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Milky Way アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:milky-way" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Milky Way アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/milky-way.svg" alt="Milky Way アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
