ICONYZ
English
Planet icon from WebHostingHub Glyphs

Planet icon

whh:planet

The Planet icon (whh:planet) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 641 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
1026 × 641
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="641" viewBox="0 0 1026 641"><path fill="currentColor" d="M830 359q-14 119-104.5 200T513 640q-79 0-149-37q-128 40-224.5 37T13 588q-32-50 19-133.5T196 282q14-120 104.5-200.5T513 1q79 0 149 37Q790-2 886.5 1T1013 52q32 51-19 134T830 359M137 542q15 27 61 33t110-10q-87-72-108-183q-94 106-63 160M889 98q-15-27-61-32.5T718 75q87 73 108 183q94-105 63-160"/></svg>

How to use the Planet icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Planet icon in other icon sets

Planet icon FAQ

Is the Planet 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 Planet icon in React?

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

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

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

Browse all WebHostingHub Glyphs icons →