ICONYZ
日本語
Reicon の Planet2 Duotone アイコン

Planet2 Duotone アイコン

reicon:planet2-duotone

Planet2 Duotone アイコン(reicon:planet2-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
天文
タグ
planet2duotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0" opacity=".5"/><path d="M19.009 6.784a.75.75 0 0 0-.138-1.494q-.637.06-1.345.2a.75.75 0 0 0-.472.309l1.117 1.097q.444-.075.838-.112"/><path fill-rule="evenodd" d="M20.937 5.38a.75.75 0 1 0-.346 1.459c.394.093.546.232.602.322c.063.102.133.366-.157.948a.75.75 0 0 0 1.343.67c.378-.759.563-1.65.086-2.413c-.344-.55-.923-.843-1.528-.987m-.225 5.581a.75.75 0 1 0-1.065-1.057c-.686.692-1.567 1.43-2.608 2.171a.75.75 0 0 0 .87 1.222c1.095-.78 2.044-1.572 2.803-2.336M3.587 14.947q.302-.378.706-.79l-.238-1.33a.75.75 0 0 0-.744.189q-.503.505-.896.995a.75.75 0 1 0 1.172.937m12.163-.243a.75.75 0 1 0-.77-1.287a35 35 0 0 1-3.092 1.645a.75.75 0 0 0 .638 1.357a37 37 0 0 0 3.224-1.715M2.815 16.25a.75.75 0 0 0-1.43-.455c-.191.601-.211 1.262.15 1.84c.453.724 1.307 1.006 2.154 1.087a.75.75 0 1 0 .143-1.493c-.694-.066-.948-.267-1.025-.39c-.05-.08-.102-.244.008-.589m7.268 1.203a.75.75 0 0 0-.527-1.404c-1.225.46-2.365.791-3.362.989a.75.75 0 0 0 .291 1.471c1.093-.216 2.313-.574 3.598-1.056" clip-rule="evenodd"/></g></svg>

Planet2 Duotone アイコンの使い方

React

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

<Icon icon="reicon:planet2-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:planet2-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:planet2-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--planet2-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:planet2-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:planet2-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/planet2-duotone.svg" alt="Planet2 Duotone アイコン" width="24" height="24">

Reicon の関連アイコン

Planet2 Duotone アイコン のよくある質問

Planet2 Duotone アイコンは商用利用でも無料ですか?

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

React で Planet2 Duotone アイコンを使うには?

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

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

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

Reicon アイコン をすべて見る →