Favoritealt icon
whh:favoritealt
The Favoritealt icon (whh:favoritealt) 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-7.5T179 921l29-297L6 400q-9-17-2.5-36T27 336l298-64L479 14q14-14 34-14t34 14l154 258l298 64q17 9 23.5 28t-2.5 36m-174-5l-204-45l-106-180q-10-10-23.5-10T489 170L383 350l-205 45q-12 7-16 20t2 25l141 160l-16 200q2 15 10.5 25t20.5 8l192-84l192 84q13 2 21.5-8t10.5-25l-16-201l141-159q6-12 1.5-25T846 395"/></svg>How to use the Favoritealt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:favoritealt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:favoritealt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:favoritealt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--favoritealt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:favoritealt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:favoritealt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/favoritealt.svg" alt="Favoritealt icon" width="24" height="24">Favoritealt icon FAQ
Is the Favoritealt 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 Favoritealt icon in React?
Install @iconify/react and render <Icon icon="whh:favoritealt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Favoritealt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/favoritealt.svg" alt="Favoritealt icon">, or paste the SVG code inline to style it with CSS.