Constellation icon
whh:constellation
The Constellation icon (whh:constellation) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m951 189l-47 332q25 11 40.5 34.5T960 608q0 40-28 68t-68 28q-29 0-54-16L505 893q7 17 7 35q0 40-28 68t-68 28t-68-28t-28-68q0-18 7-35L131 697q-17 7-35 7q-40 0-68-28T0 608t28-68t68-28q22 0 43 10l186-204q-5-16-5-30q0-40 28-68t68-28q44 0 73 35L833 89q2-37 29.5-63T928 0q40 0 68 28t28 68q0 33-20.5 59T951 189M365 369L183 568q9 20 9 40q0 24-13 47l190 190q23-13 47-13q25 0 48 13l309-208q-5-15-5-29q0-11 3-23L480 359q-28 25-64 25q-27 0-51-15m146-66l295 229q15-12 35-17l47-332q-25-12-41-35L511 282q0 1 .5 3t.5 3q0 5-1 15"/></svg>How to use the Constellation icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:constellation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:constellation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:constellation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--constellation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:constellation"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:constellation"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/constellation.svg" alt="Constellation icon" width="24" height="24">Constellation icon in other icon sets
Constellation icon FAQ
Is the Constellation 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 Constellation icon in React?
Install @iconify/react and render <Icon icon="whh:constellation" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Constellation icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/constellation.svg" alt="Constellation icon">, or paste the SVG code inline to style it with CSS.