Planet Bold アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:planet-bold

Planet Bold アイコン(solar:planet-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 天文
タグ: planetbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.9922 11.643C20.2746 11.3899 20.5379 11.1389 20.7806 10.8912C21.5345 10.1218 22.1234 9.35067 22.4527 8.62306C22.7767 7.90702 22.9112 7.07875 22.4649 6.36546C22.0451 5.69443 21.2797 5.40411 20.5094 5.30066C19.7184 5.19444 18.7593 5.25995 17.7124 5.45331L16.8241 5.61757C15.4829 4.60229 13.8118 4 12 4C7.58172 4 4 7.58172 4 12C4 12.0867 4.00138 12.173 4.00411 12.259L3.47686 12.8522C2.63744 13.6693 1.97963 14.4875 1.60462 15.2551C1.23859 16.0043 1.06423 16.882 1.53503 17.6345C1.96779 18.3262 2.76731 18.614 3.56745 18.709C4.39197 18.807 5.39463 18.7249 6.49015 18.5079C6.70545 18.4652 6.92586 18.417 7.15091 18.3634C6.66714 17.9942 6.22672 17.5711 5.83861 17.103C4.98624 17.2488 4.27918 17.283 3.74441 17.2195C3.1117 17.1443 2.87948 16.9553 2.80665 16.8389C2.74418 16.7391 2.67513 16.481 2.95236 15.9136C3.19339 15.4203 3.64038 14.822 4.29375 14.1555C4.59947 15.2508 5.13243 16.2513 5.83861 17.103C5.95588 17.083 6.0759 17.0608 6.1986 17.0365C8.21962 16.636 10.8118 15.685 13.4782 14.2644C16.1438 12.8443 18.3267 11.2515 19.7062 9.84443C19.4005 8.74914 18.8675 7.74864 18.1614 6.89695C19.0459 6.74568 19.7713 6.715 20.3097 6.78731C20.9042 6.86715 21.1231 7.04882 21.1933 7.16105C21.2526 7.25586 21.3187 7.4905 21.0861 8.00467C20.8587 8.50726 20.4027 9.13359 19.7092 9.84143L19.7062 9.84443C19.867 10.4204 19.9649 11.0225 19.9922 11.643Z"/><path d="M12 20C16.4183 20 20 16.4183 20 12C20 11.8804 19.9974 11.7614 19.9922 11.643C18.5107 12.9704 16.5025 14.3528 14.1835 15.5883C11.6919 16.9158 9.22452 17.8695 7.15091 18.3634C8.49628 19.3902 10.1769 20 12 20Z"/></g></svg>

Planet Bold アイコンの使い方

React

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

<Icon icon="solar:planet-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:planet-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:planet-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:planet-bold"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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