Halfstar icon
whh:halfstar
The Halfstar icon (whh:halfstar) 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-12q17-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-48-97t-40-31v578q27 19 73 45l15 9q21 12 30.5 17.5t24 12T674 831t13.5 2t10-2.5T702 820t2.5-15.5t-1-25t-2-31T697 708q-2-13-2-19q-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 Halfstar icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:halfstar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:halfstar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:halfstar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--halfstar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:halfstar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:halfstar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/halfstar.svg" alt="Halfstar icon" width="24" height="24">Halfstar icon FAQ
Is the Halfstar 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 Halfstar icon in React?
Install @iconify/react and render <Icon icon="whh:halfstar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Halfstar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/halfstar.svg" alt="Halfstar icon">, or paste the SVG code inline to style it with CSS.