Planet2 アイコン
reicon:planet2
Planet2 アイコン(reicon:planet2)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.815 16.25a.75.75 0 1 0-1.43-.456c-.191.602-.211 1.263.15 1.84c.453.724 1.307 1.007 2.154 1.088a.75.75 0 0 0 .143-1.493c-.694-.066-.948-.267-1.025-.39c-.05-.08-.102-.244.008-.59m3.67 2.26a20 20 0 0 0 1.615-.396a7.3 7.3 0 0 1-1.414-1.181q-.252.059-.492.105a.75.75 0 0 0-.572.953q.246.264.515.505c.11.031.229.037.348.014"/><path fill-rule="evenodd" d="M19.082 10.444a22 22 0 0 1-2.043 1.631a.75.75 0 1 0 .87 1.222q.712-.507 1.335-1.016a7.3 7.3 0 0 0-.162-1.838M8.1 18.113q.957-.275 1.983-.66a.75.75 0 0 0-.527-1.405a23 23 0 0 1-2.87.884c.418.45.894.848 1.414 1.181m7.65-3.41a.75.75 0 0 0-.77-1.287a35 35 0 0 1-3.092 1.645a.75.75 0 1 0 .638 1.358a37 37 0 0 0 3.224-1.715" clip-rule="evenodd"/><path d="M4.75 12a7.25 7.25 0 0 1 14.332-1.556q.302-.274.565-.54a.75.75 0 0 1 .807-.17a8.7 8.7 0 0 0-1.43-2.952a.75.75 0 0 0-.153-1.492q-.517.048-1.081.15a8.75 8.75 0 0 0-14.478 7.576q-.504.504-.897.995a.75.75 0 0 0 1.172.936l.12-.147a8.75 8.75 0 0 0 1.915 3.19a.75.75 0 0 1 .572-.953q.24-.046.492-.105A7.22 7.22 0 0 1 4.75 12M12 20.75a8.75 8.75 0 0 0 8.691-9.768c-.425.426-.91.862-1.447 1.299A7.25 7.25 0 0 1 8.1 18.113q-.844.243-1.615.396a.75.75 0 0 1-.348-.014A8.72 8.72 0 0 0 12 20.75"/><path d="M19.647 9.904a15 15 0 0 1-.565.54a7.3 7.3 0 0 1 .162 1.837a19 19 0 0 0 1.447-1.3a9 9 0 0 0-.237-1.247a.75.75 0 0 0-.807.17m1.29-4.525a.75.75 0 1 0-.346 1.46c.394.093.546.232.602.322c.063.101.133.366-.157.948a.75.75 0 0 0 1.343.669c.378-.758.563-1.65.086-2.413c-.344-.55-.923-.843-1.528-.986"/><path d="M20.712 10.96a.75.75 0 0 0-.258-1.226q.163.608.237 1.248z"/></g></svg>Planet2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:planet2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:planet2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:planet2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--planet2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:planet2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:planet2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/planet2.svg" alt="Planet2 アイコン" width="24" height="24">Reicon の関連アイコン
Planet2 アイコン のよくある質問
Planet2 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Planet2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:planet2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Planet2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/planet2.svg" alt="Planet2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。