ICONYZ
日本語
Remix Icon の Planet Fill アイコン

Planet Fill アイコン

ri:planet-fill

Planet Fill アイコン(ri:planet-fill)は、Remix Icon セットの無料 SVG アイコンです(作者: Remix Design)。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Remix Icon
作者
Remix Design
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
地図
タグ
planetfill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.322 5.966A9.2 9.2 0 0 1 7.2 4.386a4.5 4.5 0 0 0-.844-.157c-.572-.043-.823.093-.93.2c-.106.106-.242.357-.2.93q.022.275.097.607m15.404 8.245q.091.184.177.366c.476 1.02.791 2.017.859 2.913c.067.892-.106 1.82-.78 2.495c-.674.674-1.603.847-2.495.78c-.78-.06-1.637-.306-2.52-.684l-.003.002a13 13 0 0 1-.462-.208c-2.033-.963-4.359-2.654-6.542-4.838c-2.181-2.181-3.872-4.505-4.835-6.536q-.11-.233-.209-.463l.001-.002c-.379-.885-.626-1.745-.685-2.527c-.068-.892.105-1.82.78-2.495c.673-.674 1.602-.847 2.494-.78c.896.068 1.892.383 2.913.86q.186.085.373.18a9 9 0 0 1 8.572 2.362a9 9 0 0 1 2.362 8.575m-1.113 2.593a9 9 0 0 1-1.576 1.871q.328.075.6.095c.573.043.824-.093.93-.2c.108-.106.244-.357.2-.93a4.5 4.5 0 0 0-.154-.836m-13.977 1.56a9 9 0 0 1-2.417-8.342c1.082 1.981 2.705 4.1 4.68 6.076c1.977 1.977 4.098 3.6 6.08 4.683a9 9 0 0 1-8.343-2.417"/></svg>

Planet Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ri:planet-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ri:planet-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ri:planet-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--planet-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:planet-fill"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ri:planet-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ri/planet-fill.svg" alt="Planet Fill アイコン" width="24" height="24">

Remix Icon の関連アイコン

他のアイコンセットの Planet Fill アイコン

Planet Fill アイコン のよくある質問

Planet Fill アイコンは商用利用でも無料ですか?

はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Planet Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="ri:planet-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Planet Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/planet-fill.svg" alt="Planet Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Remix Icon アイコン をすべて見る →