Pretzel icon
whh:pretzel
The Pretzel icon (whh:pretzel) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 768 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 × 768
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768"><path fill="currentColor" d="M512 768q-103 0-198.5-35t-164-92.5t-109-134T0 349q0-62 17.5-123.5t48-112t77.5-82T244 0q113 0 268 116Q667 0 780 0q54 0 101 31.5t77.5 82t48 112T1024 349q0 81-40.5 157.5t-109 134t-164 92.5T512 768m202-172q-26-91-79.5-178.5T511 262q-69 67-122 155t-79 179q94 44 202 44t202-44M128 361q0 82 67 153q32-91 87.5-175.5T410 191q-106-63-154-63q-34 0-59.5 20.5t-40 55.5t-21.5 74.5t-7 82.5m640-233q-48 0-154 63q72 63 127.5 147.5T829 514q67-71 67-153q0-58-13-109t-43-87.5t-72-36.5"/></svg>
How to use the Pretzel icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:pretzel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:pretzel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:pretzel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--pretzel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:pretzel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:pretzel"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/pretzel.svg" alt="Pretzel icon" width="24" height="24">
Pretzel icon in other icon sets
Pretzel icon FAQ
Is the Pretzel 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 Pretzel icon in React?
Install @iconify/react and render <Icon icon="whh:pretzel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pretzel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/pretzel.svg" alt="Pretzel icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
