Planet アイコン

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

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

simple-icons:planet

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

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.891 6.582c-1.159 0-2.4.457-3.217 1.633h-.033a1.59 1.59 0 0 0-1.59-1.59h-.048v10.86a1.79 1.79 0 0 0 1.784 1.784v-4.703h.034c.343.571 1.29 1.536 3.185 1.536c2.857 0 4.572-2.352 4.572-4.638c.002-2.416-1.616-4.882-4.687-4.882m-.066 7.975c-1.714 0-3.07-1.388-3.07-3.217c0-1.666 1.242-3.2 3.023-3.2c1.845 0 3.103 1.616 3.103 3.233c-.001 1.905-1.455 3.184-3.056 3.184M12.001 24A12 12 0 1 1 24 12.001A12.013 12.013 0 0 1 12.001 24m0-22.856a10.861 10.861 0 1 0 10.861 10.862a10.87 10.87 0 0 0-10.86-10.862z"/></svg>

Planet アイコンの使い方

React

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

<Icon icon="simple-icons:planet" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:planet" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:planet" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:planet"></iconify-icon>

HTML 画像

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

Simple Icons の関連アイコン

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →