Sizzle icon
whh:sizzle
The Sizzle icon (whh:sizzle) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 896 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 × 896
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="896" viewBox="0 0 1024 896"><path fill="currentColor" d="M1020 480q-11 84-60.5 161.5t-120 133t-157 88.5T512 896q-91 0-163-10t-106-22t-65-22t-50-10q105-21 137-45q-135-57-247-147h462l-32 128l384-256l-256-256l-32 128H0q26-26 82.5-58t116-66.5T292 193q-1 0-2-.5t-2-.5q-36 0-59-13t-30.5-32t-9.5-37.5t0-32t3-13.5q18 18 30.5 28.5t40.5 23t57 12.5t85-26.5T469 73q-10-16-15-34t-6-28V0q23 23 47 37t52 19.5t45.5 6.5t47.5 1q84 0 159.5 33t128 88.5t78.5 133t14 161.5"/></svg>How to use the Sizzle icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:sizzle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:sizzle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:sizzle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--sizzle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:sizzle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:sizzle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/sizzle.svg" alt="Sizzle icon" width="24" height="24">Sizzle icon in other icon sets
Sizzle icon FAQ
Is the Sizzle 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 Sizzle icon in React?
Install @iconify/react and render <Icon icon="whh:sizzle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sizzle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/sizzle.svg" alt="Sizzle icon">, or paste the SVG code inline to style it with CSS.