Ringed Planet アイコン
fluent-emoji-high-contrast:ringed-planet
Ringed Planet アイコン(fluent-emoji-high-contrast:ringed-planet)は、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
- カテゴリ
- 旅行・場所
- タグ
- ringedplanet
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.231 4.88c-.453-.527-1.06-.703-1.584-.718c-.496-.015-.99.109-1.425.264c-.875.312-1.86.883-2.811 1.522a33 33 0 0 0-1.279.906a10 10 0 0 0-4.105-.876C10.49 5.978 6 10.468 6 16.005c0 1.47.316 2.866.884 4.123a42 42 0 0 0-1.497 2.163c-.477.755-.924 1.573-1.119 2.35c-.2.801-.194 1.89.737 2.654c.59.484 1.298.504 1.803.435c.523-.07 1.068-.266 1.588-.504c1.023-.469 2.214-1.229 3.432-2.113c1.277.59 2.7.92 4.2.92c5.537 0 10.026-4.49 10.026-10.028a10 10 0 0 0-.852-4.052q.151-.203.296-.403c.836-1.155 1.55-2.308 1.95-3.338c.355-.914.678-2.29-.217-3.333m-3.515 4.688q-.554-.66-1.212-1.218q.178-.124.355-.243c.898-.602 1.67-1.03 2.237-1.233l.066-.023c-.027.11-.07.247-.137.42c-.24.617-.687 1.398-1.309 2.297m-2.62.212c.518.423.983.91 1.382 1.447c-1.471 1.855-3.307 3.843-4.995 5.55c-1.787 1.808-4.152 3.928-6.337 5.601a8 8 0 0 1-1.128-1.05c1.842-1.185 3.851-2.79 6.007-4.988c2.6-2.652 4.222-4.965 5.07-6.56m-13.01 5.05a8.03 8.03 0 0 1 6.693-6.756c-.443.91-1.262 2.17-2.822 3.835a14.1 14.1 0 0 1-3.871 2.92m7.836 9.201a8 8 0 0 1-2.232-.344a69 69 0 0 0 5.643-5.082c1.439-1.456 3.018-3.146 4.412-4.816a8 8 0 0 1 .305 1.947a35.5 35.5 0 0 1-3.455 4.56c-1.207 1.358-2.868 2.62-4.673 3.735m-7.537-1.535q.501.59 1.086 1.096c-.824.56-1.558.995-2.158 1.27q-.26.119-.452.185c.125-.34.362-.794.725-1.367c.236-.375.506-.77.799-1.184"/></svg>Ringed Planet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ringed-planet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ringed-planet"></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:ringed-planet"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ringed-planet.svg" alt="Ringed Planet アイコン" width="24" height="24">他のアイコンセットの Ringed Planet アイコン
Ringed Planet アイコン のよくある質問
Ringed Planet アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ringed Planet アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:ringed-planet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ringed Planet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ringed-planet.svg" alt="Ringed Planet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。