Black Hole icon

openmoji:black-hole

The Black Hole icon (openmoji:black-hole) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Extras Openmoji
Tags: blackhole

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill-rule="evenodd" d="M20.4 32.431A16 16 0 0 0 20 36c0 8.837 7.163 16 16 16c1.227 0 2.421-.138 3.569-.4c-3.336-2.435-6.844-5.437-10.288-8.881S22.835 35.767 20.4 32.43m26.217 15.54c-3.326-.69-8.54-4.08-13.523-9.064c-4.984-4.983-8.375-10.197-9.064-13.523A15.96 15.96 0 0 1 36 20c8.837 0 16 7.163 16 16c0 4.763-2.08 9.039-5.383 11.97" clip-rule="evenodd"/><circle cx="36" cy="36" r="20" fill="#d22f27" stroke="#d22f27" stroke-width="2"/><path fill="#d22f27" fill-rule="evenodd" d="M58.88 58.88c-3.949 3.95-17.394-3.093-30.03-15.73C16.213 30.514 9.17 17.07 13.12 13.12c1.848-1.848 5.775-1.29 10.727 1.124c3.405 1.66 7.312 1.98 11.096 1.784Q35.468 16 36 16c11.046 0 20 8.954 20 20q0 .532-.028 1.057c-.197 3.784.124 7.69 1.784 11.096c2.413 4.952 2.972 8.88 1.124 10.727" clip-rule="evenodd"/><path d="M36 51c8.284 0 15-6.716 15-15s-6.716-15-15-15s-15 6.716-15 15s6.716 15 15 15"/><path fill="#d22f27" fill-rule="evenodd" d="M18.203 14.039c-.365-.365-.858-.59-1.372-.539c-.967.098-1.756.425-2.331 1c-3.71 3.71 2.907 16.345 14.781 28.219S53.79 61.21 57.5 57.5c.575-.575.902-1.364 1-2.331c.052-.514-.174-1.007-.54-1.372l-6.649-6.65c-.464-.464-1.347-.111-1.811.353c-2.157 2.157-9.503-1.69-16.406-8.594C26.19 32.003 22.343 24.657 24.5 22.5c.464-.464.817-1.347.353-1.811z" clip-rule="evenodd"/><path fill="#e27022" stroke="#d22f27" stroke-width=".5" d="M14.71 14.71c.23-.23.842-.564 2.352-.39c1.48.17 3.442.798 5.799 1.947c3.899 1.9 8.247 2.213 12.199 2.007q.466-.024.94-.024c9.803 0 17.75 7.947 17.75 17.75q0 .475-.024.94c-.206 3.952.107 8.3 2.007 12.2c1.15 2.356 1.778 4.318 1.948 5.797c.173 1.51-.162 2.123-.392 2.352c-.246.247-.936.61-2.656.352c-1.668-.251-3.862-1.035-6.466-2.4c-5.183-2.714-11.523-7.479-17.726-13.682S19.473 29.016 16.758 23.833c-1.364-2.604-2.148-4.798-2.398-6.466c-.259-1.72.104-2.41.35-2.656Z"/><path fill-rule="evenodd" d="M33.094 38.906c4.11 4.111 8.378 7.138 11.614 8.46c1.169.477 2.49.13 3.324-.819A15.94 15.94 0 0 0 52 36c0-8.837-7.163-16-16-16a15.94 15.94 0 0 0-10.547 3.968c-.95.834-1.296 2.155-.818 3.325c1.32 3.235 4.348 7.502 8.459 11.613" clip-rule="evenodd"/><path d="m28.85 43.15l-.707.707zm30.03 15.73l-.707-.707zm-1.124-10.727l.899-.438zm-29.613-4.296c6.37 6.37 12.97 11.358 18.516 14.264c2.768 1.45 5.325 2.408 7.492 2.733c2.142.322 4.12.05 5.436-1.267l-1.414-1.414c-.657.658-1.842.986-3.725.704c-1.86-.28-4.194-1.131-6.861-2.528c-5.323-2.788-11.763-7.639-18.03-13.906zm-15.73-31.444c-1.318 1.316-1.59 3.294-1.267 5.436c.325 2.167 1.284 4.724 2.733 7.492c2.906 5.546 7.894 12.147 14.264 18.516l1.414-1.414c-6.267-6.267-11.118-12.707-13.906-18.03c-1.397-2.667-2.248-5.001-2.528-6.86c-.283-1.885.046-3.069.704-3.726zm11.872.932c-2.529-1.232-4.863-2.026-6.852-2.255c-1.973-.226-3.788.09-5.02 1.322l1.414 1.415c.615-.615 1.688-.944 3.378-.75c1.676.193 3.78.885 6.204 2.066zM36 15q-.558 0-1.11.029l.105 1.997Q35.495 17 36 17zm21 21c0-11.598-9.402-21-21-21v2c10.493 0 19 8.507 19 19zm-.029 1.11q.03-.552.029-1.11h-2q0 .505-.026 1.005zm2.617 22.478c1.232-1.233 1.548-3.047 1.322-5.022c-.229-1.988-1.023-4.322-2.255-6.85l-1.798.876c1.181 2.422 1.873 4.527 2.066 6.203c.194 1.69-.135 2.763-.75 3.378zm-4.614-22.583c-.201 3.858.116 7.962 1.883 11.587l1.798-.877c-1.553-3.186-1.877-6.897-1.684-10.606zM23.409 15.143c3.624 1.767 7.728 2.084 11.586 1.883l-.104-1.997c-3.709.193-7.42-.131-10.606-1.684z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M16.224 33A20 20 0 0 0 16 36c0 11.046 8.954 20 20 20c1.194 0 2.364-.105 3.5-.305"/><path fill="none" stroke="#e27022" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M36 52c-8.837 0-16-7.163-16-16"/></svg>

How to use the Black Hole icon

React

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

<Icon icon="openmoji:black-hole" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:black-hole" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:black-hole" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:black-hole"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/black-hole.svg" alt="Black Hole icon" width="24" height="24">

Related icons in OpenMoji

Black Hole icon in other icon sets

Black Hole icon FAQ

Is the Black Hole icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Black Hole icon in React?

Install @iconify/react and render <Icon icon="openmoji:black-hole" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Black Hole icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/black-hole.svg" alt="Black Hole icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →