Black Hole Filled アイコン
reicon:black-hole-filled
Black Hole Filled アイコン(reicon:black-hole-filled)は、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="M6.676 11.946a.75.75 0 0 0 1.18-.925a8 8 0 0 1-1.01-1.677a.75.75 0 1 0-1.372.604c.316.72.728 1.394 1.202 1.998M4.84 7.672a.75.75 0 0 0 1.489-.178a5.1 5.1 0 0 1 .109-1.862a.75.75 0 1 0-1.455-.366a6.6 6.6 0 0 0-.144 2.406M6.007 3.08a.75.75 0 0 0 1.218.875q.265-.37.621-.727a.75.75 0 0 0-1.06-1.061a7.4 7.4 0 0 0-.779.912m11.629 8.975a.75.75 0 0 0-1.18.925c.4.511.745 1.079 1.009 1.677a.75.75 0 1 0 1.373-.604a9.4 9.4 0 0 0-1.202-1.998m1.836 4.274a.75.75 0 0 0-1.49.178a5.1 5.1 0 0 1-.108 1.862a.75.75 0 1 0 1.454.366a6.6 6.6 0 0 0 .144-2.406m-1.168 4.592a.75.75 0 0 0-1.218-.875a6 6 0 0 1-.62.727a.75.75 0 0 0 1.06 1.061q.44-.44.778-.912M12.082 7.573a.75.75 0 0 1 .127-1.053a9.4 9.4 0 0 1 1.998-1.202a.75.75 0 0 1 .605 1.373a8 8 0 0 0-1.678 1.01a.75.75 0 0 1-1.053-.128m3.747-2.056a.75.75 0 0 1 .656-.833a6.6 6.6 0 0 1 2.405.143a.75.75 0 0 1-.366 1.455a5.1 5.1 0 0 0-1.862-.109a.75.75 0 0 1-.833-.656m4.202.506a.75.75 0 0 1 1.046-.171q.472.339.912.778a.75.75 0 1 1-1.06 1.06a6 6 0 0 0-.728-.62a.75.75 0 0 1-.17-1.047M12.103 17.48a.75.75 0 1 0-.926-1.18c-.51.4-1.078.746-1.677 1.01a.75.75 0 0 0 .604 1.372a9.4 9.4 0 0 0 1.999-1.202m-4.275 1.836a.75.75 0 0 0-.178-1.49a5.1 5.1 0 0 1-1.862-.108a.75.75 0 0 0-.366 1.455a6.6 6.6 0 0 0 2.406.143m-4.592-1.168a.75.75 0 0 0 .875-1.218a6 6 0 0 1-.727-.62a.75.75 0 1 0-1.06 1.06q.44.44.912.778"/><path d="M13.746 15.817a.75.75 0 0 1-1.347-.407c-1.28.605-2.914.783-4.504.558C4.685 15.513 1.25 13.316 1.25 9a.75.75 0 0 1 1.5 0c0 3.284 2.564 5.087 5.355 5.482a7.7 7.7 0 0 0 1.872.04a7 7 0 0 1-1.638-.932a.75.75 0 0 1 .492-1.348c-.548-1.255-.703-2.821-.487-4.347c.455-3.21 2.652-6.645 6.968-6.645a.75.75 0 0 1 0 1.5c-3.285 0-5.087 2.564-5.483 5.355a8 8 0 0 0-.073 1.423c.212-.465.487-.918.81-1.345a.75.75 0 0 1 1.336.587c1.23-.499 2.735-.634 4.203-.426c3.21.455 6.645 2.652 6.645 6.968a.75.75 0 0 1-1.5 0c0-3.285-2.564-5.087-5.355-5.483a8 8 0 0 0-.959-.078q.537.28 1.037.659a.75.75 0 0 1-.492 1.348c.548 1.255.703 2.821.487 4.347c-.455 3.21-2.652 6.645-6.968 6.645a.75.75 0 0 1 0-1.5c3.284 0 5.087-2.564 5.482-5.355a8 8 0 0 0 .073-1.423a7.2 7.2 0 0 1-.809 1.345"/></g></svg>Black Hole Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:black-hole-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:black-hole-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:black-hole-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--black-hole-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:black-hole-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:black-hole-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/black-hole-filled.svg" alt="Black Hole Filled アイコン" width="24" height="24">Reicon の関連アイコン
Black Hole Filled アイコン のよくある質問
Black Hole Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Black Hole Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:black-hole-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Black Hole Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/black-hole-filled.svg" alt="Black Hole Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。