Emptystar icon
whh:emptystar
The Emptystar icon (whh:emptystar) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 961 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 × 961
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="961" viewBox="0 0 1024 961"><path fill="currentColor" d="M900 565q-46 46-88 78q7 36 12 71q8 68 9 113.5t-7.5 77T800 949t-48 11.5t-71.5-16.5t-99.5-44q-35-18-69-39q-32 20-69 39q-59 29-99.5 44T272 960.5T224 949t-25.5-44.5t-7.5-77t9-113.5q5-35 12-71q-43-32-88-78q-48-48-76.5-83.5T7.5 416T3 365t35-39t72.5-30.5T225 270q49-8 91-12q18-42 42-87q32-59 57-95.5t50-56T512 0t47 19.5t50 56t57 95.5q25 46 42 87q42 4 91 12q70 13 114.5 25.5T986 326t35 39t-4.5 51t-40 65.5T900 565M750 390q-68-6-117-5q-10-43-33-97q-27-66-47-96.5T512 161t-41 30.5t-47 96.5q-22 54-32 97q-50-1-118 5q-39 4-67 8t-45.5 9.5t-26.5 11t-6.5 14t9 16t25 19.5t38 23t49.5 28q72 38 106 49q-18 43-26 121q-1 6-3 19q-3 28-4.5 40.5t-2 31t-1 25T322 820t4.5 10.5t10 2.5t13.5-2t19.5-9.5t24-12T424 792l15-9q46-26 73-45q27 19 73 45q5 3 14 9q22 12 31.5 17.5t24 12T674 831t13.5 2t10-2.5T702 820t2.5-15.5t-1-25t-2-31T697 707q-2-12-2-18q-9-79-27-122q35-11 106-48q30-17 49.5-28t38-23t25-19.5t9-16t-6.5-14t-26.5-11T817 398t-67-8"/></svg>How to use the Emptystar icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:emptystar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:emptystar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:emptystar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--emptystar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:emptystar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:emptystar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/emptystar.svg" alt="Emptystar icon" width="24" height="24">Emptystar icon FAQ
Is the Emptystar 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 Emptystar icon in React?
Install @iconify/react and render <Icon icon="whh:emptystar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Emptystar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/emptystar.svg" alt="Emptystar icon">, or paste the SVG code inline to style it with CSS.