Favorite icon
whh:favorite
The Favorite icon (whh:favorite) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 962 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 × 962
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="962" viewBox="0 0 1026 962"><path fill="currentColor" d="M1020 400L818 624l29 297q-3 20-19 31.5t-36 7.5L513 841L234 960q-20 4-36-8t-19-31l29-297L6 400q-9-17-2.5-36T27 336l298-64L479 14q14-14 34-14t34 14l154 258l298 64q17 9 23.5 28t-2.5 36"/></svg>
How to use the Favorite icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:favorite" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:favorite" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:favorite" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--favorite]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:favorite"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:favorite"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/favorite.svg" alt="Favorite icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Favorite icon in other icon sets
Favorite icon FAQ
Is the Favorite 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 Favorite icon in React?
Install @iconify/react and render <Icon icon="whh:favorite" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Favorite icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/favorite.svg" alt="Favorite icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
