Black Hole 3 Bold アイコン

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

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

solar:black-hole-3-bold

Black Hole 3 Bold アイコン(solar:black-hole-3-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
カテゴリ: 天文
タグ: blackhole、holebold、blackholebold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.92762 12.4529C9.3338 13.2885 9.9443 13.9944 10.7532 14.395C9.96022 14.5776 9.04298 14.6153 8.1052 14.4824C5.31415 14.087 2.75 12.2842 2.75 9C2.75 8.58579 2.41421 8.25 2 8.25C1.58579 8.25 1.25 8.58579 1.25 9C1.25 13.3158 4.68585 15.513 7.8948 15.9676C9.50716 16.196 11.1645 16.0102 12.4529 15.3839C13.3211 14.9619 14.0493 14.3192 14.4405 13.4626C14.583 14.2041 14.6034 15.041 14.4824 15.8948C14.087 18.6858 12.2842 21.25 9 21.25C8.58579 21.25 8.25 21.5858 8.25 22C8.25 22.4142 8.58579 22.75 9 22.75C13.3158 22.75 15.513 19.3142 15.9676 16.1052C16.196 14.4928 16.0102 12.8355 15.3839 11.5471C15.0377 10.835 14.5432 10.2171 13.9039 9.80205C14.5291 9.72593 15.2064 9.73159 15.8948 9.82911C18.6858 10.2245 21.25 12.0274 21.25 15.3115C21.25 15.7257 21.5858 16.0615 22 16.0615C22.4142 16.0615 22.75 15.7257 22.75 15.3115C22.75 10.9957 19.3141 8.79854 16.1052 8.34394C14.4928 8.11552 12.8355 8.30132 11.5471 8.92762C10.8555 9.26381 10.2527 9.73999 9.83837 10.3528C9.72613 9.6583 9.71808 8.88892 9.82911 8.1052C10.2245 5.31415 12.0274 2.75 15.3115 2.75C15.7257 2.75 16.0615 2.41421 16.0615 2C16.0615 1.58579 15.7257 1.25 15.3115 1.25C10.9957 1.25 8.79854 4.68585 8.34394 7.8948C8.11552 9.50716 8.30132 11.1645 8.92762 12.4529Z"/></svg>

Black Hole 3 Bold アイコンの使い方

React

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

<Icon icon="solar:black-hole-3-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:black-hole-3-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:black-hole-3-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:black-hole-3-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/black-hole-3-bold.svg" alt="Black Hole 3 Bold アイコン" width="24" height="24">

Solar の関連アイコン

Black Hole 3 Bold アイコンのよくある質問

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

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

React で Black Hole 3 Bold アイコンを使うには?

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

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

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

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