Wineglass icon
whh:wineglass
The Wineglass icon (whh:wineglass) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1023 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 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M901 576q-99 99-227.5 122T449 659L278 830l88 88q18 18 18 43.5t-18 43.5t-43.5 18t-43.5-18L18 745Q0 727 0 701.5T18 658t43.5-18t43.5 18l88 88l171-171q-61-96-38.5-224.5T447 123Q551 20 687 0q59 58 115 114t120 120.5T1024 337q-20 136-123 239M674 68q-95 23-169 97q-47 47-74 104t-31 115h545q8-22 11-34z"/></svg>How to use the Wineglass icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:wineglass" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:wineglass" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:wineglass" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--wineglass]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:wineglass"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:wineglass"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/wineglass.svg" alt="Wineglass icon" width="24" height="24">Wineglass icon in other icon sets
Wineglass icon FAQ
Is the Wineglass 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 Wineglass icon in React?
Install @iconify/react and render <Icon icon="whh:wineglass" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wineglass icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/wineglass.svg" alt="Wineglass icon">, or paste the SVG code inline to style it with CSS.