Meteorite icon

whh:meteorite

The Meteorite icon (whh:meteorite) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: WebHostingHub Glyphs
Author: WebHostingHub
License: OFL-1.1
Size: 1025 × 1024

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M1003 661q33 33 15.5 97T944 879q-43 43-92 64t-87 14q-117 67-252 67q-99 0-191-38q-2 0-5.5.5t-5.5.5q-65 0-119.5-42T119 838Q2 696 2 512q0-54 11-107q-25-43-1.5-112.5T97 161q78-78 163-93Q378 0 513 0q105 0 199.5 40.5t163 109t109 163.5t40.5 199q0 76-22 149M311.5 137q-19.5-20-68.5 1t-98.5 70.5t-70 98t-1 68.5t68.5-1t98-70.5t70-98t1.5-68.5M280 704q-43 0-68 31.5T195 809q6 37 36 62t66.5 25t61.5-25t25-62q0-42-30.5-73.5T280 704m329-256q-40 0-68 28t-28 68t28 68t68 28t68-28t28-68t-28-68t-68-28m272.5-195q-17.5-37-44-53.5t-46.5-2t-21.5 51T785 322t43.5 53.5t46.5 2t22-51t-15.5-73.5m66 464.5q-13.5-13.5-47.5 1T832 767t-48.5 67.5t-1 47t47.5-1t68-48t48.5-67.5t1-47.5"/></svg>

How to use the Meteorite icon

React

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

<Icon icon="whh:meteorite" width="24" />

Vue

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

<template>
  <Icon icon="whh:meteorite" width="24" />
</template>

Svelte

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

<Icon icon="whh:meteorite" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--meteorite]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:meteorite"></div>

Web component

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

<iconify-icon icon="whh:meteorite"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/meteorite.svg" alt="Meteorite icon" width="24" height="24">

Meteorite icon in other icon sets

Meteorite icon FAQ

Is the Meteorite icon free for commercial use?

Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Meteorite icon in React?

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

How do I add the Meteorite icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/meteorite.svg" alt="Meteorite icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →