Black Hole2 Duotone アイコン
reicon:black-hole2-duotone
Black Hole2 Duotone アイコン(reicon:black-hole2-duotone)は、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.165 3.384a.75.75 0 0 0 1.218.876q.266-.371.623-.73a.75.75 0 1 0-1.06-1.06q-.442.442-.78.914m-.338 5.26a.75.75 0 0 1-.834-.656a6.6 6.6 0 0 1 .144-2.411a.75.75 0 0 1 1.455.366a5.1 5.1 0 0 0-.11 1.868a.75.75 0 0 1-.655.833m1.007 3.63a.75.75 0 0 0 1.18-.925a8 8 0 0 1-1.012-1.683a.75.75 0 1 0-1.373.605c.317.721.73 1.397 1.205 2.003m4.462 2.643a.75.75 0 0 1-.642.113c-.748-.211-1.481-.601-2.152-1.108a.75.75 0 0 1 .553-1.342a3.02 3.02 0 0 1 .348-2.084a.75.75 0 0 1 .208-.664a3.5 3.5 0 0 1 1.126-.764a.75.75 0 0 1 .597.006a3 3 0 0 1 1.368.009a.75.75 0 0 1 .642-.113c.748.211 1.481.601 2.153 1.108a.75.75 0 0 1-.554 1.342a3.02 3.02 0 0 1-.348 2.084a.75.75 0 0 1-.208.664a3.5 3.5 0 0 1-1.126.764a.75.75 0 0 1-.597-.006a3 3 0 0 1-1.368-.009m4.815-3.319a.75.75 0 0 1 1.053.128a9.4 9.4 0 0 1 1.205 2.003a.75.75 0 0 1-1.373.605a8 8 0 0 0-1.012-1.683a.75.75 0 0 1 .127-1.053m2.894 4.414a.75.75 0 1 0-1.49.177a5.1 5.1 0 0 1-.109 1.868a.75.75 0 1 0 1.455.367a6.6 6.6 0 0 0 .144-2.412m-1.342 3.557a.75.75 0 0 1 .17 1.047a7.4 7.4 0 0 1-.78.914a.75.75 0 1 1-1.06-1.06q.357-.36.623-.73a.75.75 0 0 1 1.047-.171"/><path d="M9.832 14.388a.75.75 0 1 0 1.061-1.06a2 2 0 0 1-.443-.648a.75.75 0 1 0-1.382.582c.173.41.427.789.764 1.126m-.862-3.732a.75.75 0 0 0 1.444.407c.15-.536.444-1.104.861-1.657a.75.75 0 0 0-1.197-.903c-.507.671-.897 1.404-1.108 2.153m2.756-3.821a.75.75 0 0 0 .925 1.18a8 8 0 0 1 1.683-1.012a.75.75 0 0 0-.605-1.373a9.4 9.4 0 0 0-2.003 1.205m4.286-1.841a.75.75 0 0 0 .177 1.49a5.1 5.1 0 0 1 1.868.109a.75.75 0 0 0 .367-1.455a6.6 6.6 0 0 0-2.412-.144m4.604 1.171a.75.75 0 1 0-.876 1.218q.37.266.73.623a.75.75 0 0 0 1.06-1.06a7.4 7.4 0 0 0-.914-.78m-6.448 3.446a.75.75 0 1 0-1.061 1.06c.205.205.348.423.443.648a.75.75 0 1 0 1.382-.582a3.5 3.5 0 0 0-.764-1.126m.862 3.733a.75.75 0 0 0-1.444-.408c-.151.536-.444 1.104-.861 1.657a.75.75 0 0 0 1.197.904c.507-.672.897-1.405 1.108-2.153m-2.756 3.82a.75.75 0 0 0-.925-1.18a8 8 0 0 1-1.683 1.012a.75.75 0 1 0 .605 1.373a9.4 9.4 0 0 0 2.003-1.205m-4.286 1.841a.75.75 0 1 0-.177-1.49a5.1 5.1 0 0 1-1.868-.109a.75.75 0 1 0-.366 1.455c.806.203 1.62.238 2.411.144m-4.604-1.171a.75.75 0 1 0 .876-1.218a6 6 0 0 1-.73-.623a.75.75 0 0 0-1.06 1.06q.442.442.914.78" opacity=".5"/></g></svg>Black Hole2 Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:black-hole2-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:black-hole2-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:black-hole2-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--black-hole2-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:black-hole2-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:black-hole2-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/black-hole2-duotone.svg" alt="Black Hole2 Duotone アイコン" width="24" height="24">Reicon の関連アイコン
Black Hole2 Duotone アイコン のよくある質問
Black Hole2 Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Black Hole2 Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:black-hole2-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Black Hole2 Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/black-hole2-duotone.svg" alt="Black Hole2 Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。