Planet 16 Filled アイコン
fluent:planet-16-filled
Planet 16 Filled アイコン(fluent:planet-16-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 16 × 16
- タグ
- planetfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M2.34 6.005a6.003 6.003 0 0 1 10.725-1.222a8.6 8.6 0 0 0-2.088.354c-1.31.39-2.636 1.014-3.65 1.52c-.99.495-2.12 1.019-3.162 1.329c-.532.158-.978.24-1.333.258c-.361.017-.563-.037-.66-.085l-.012-.007A.6.6 0 0 1 2 8.04V8q0-.48.073-.938c-.439.127-.815.434-.982.774q-.152.317-.05.586c.07.18.25.415.68.631c.608.307 1.562.24 2.725-.107c1.13-.337 2.325-.895 3.323-1.394c1.006-.502 2.267-1.093 3.489-1.456c1.19-.353 2.483-.535 3.463-.043c.586.294.987.69 1.169 1.17c.183.481.115.97-.089 1.382c-.37.75-1.224 1.326-2.14 1.389a6.002 6.002 0 0 1-10.727 1.222a8.6 8.6 0 0 0 2.087-.355c1.308-.39 2.632-1.014 3.645-1.52c.99-.494 2.121-1.018 3.165-1.328c.534-.159.98-.241 1.336-.258c.274-.013.457.014.57.05q.054.019.104.045l-.003.003h.008c.07.036.128.079.154.11V8q0 .477-.072.935c.434-.129.809-.434.977-.774c.104-.21.117-.407.05-.584c-.068-.18-.25-.413-.682-.63c-.61-.306-1.567-.238-2.73.108c-1.133.336-2.33.894-3.327 1.392C7.21 8.95 5.95 9.541 4.73 9.905c-1.188.354-2.48.536-3.46.041c-.584-.295-.983-.692-1.164-1.17c-.183-.48-.117-.968.086-1.38c.37-.754 1.225-1.33 2.147-1.391"/></svg>
Planet 16 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:planet-16-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:planet-16-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:planet-16-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--planet-16-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:planet-16-filled"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:planet-16-filled"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/planet-16-filled.svg" alt="Planet 16 Filled アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Planet 16 Filled アイコン のよくある質問
Planet 16 Filled アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Planet 16 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:planet-16-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Planet 16 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/planet-16-filled.svg" alt="Planet 16 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
ICONYZ
