Goblet Full icon
icon-park:goblet-full
The Goblet Full icon (icon-park:goblet-full) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
- Tags
- gobletfull
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M33 44H23H13"/><path stroke="#000" d="M23 28V44"/><path fill="#2F88FF" stroke="#000" d="M35 16C35 17.6751 34.6432 19.2839 34 20.7491C32.1475 24.9696 27.9194 28 23 28C18.2583 28 14.159 25.2498 12.21 21.2576C11.435 19.6699 11 17.8857 11 16C11 13.6271 11.5331 11.3874 12.21 9.5C13.3874 6.21729 15 4 15 4H31C31 4 32.8152 6.49591 34 10.1121C34.574 11.8639 35 13.8787 35 16Z"/><path stroke="#fff" d="M35 15.9998C35 15.9998 28 18.9998 23 15.9998C18 12.9998 11 15.9998 11 15.9998"/><path stroke="#000" d="M34 10.1123C34.574 11.8642 35 13.8789 35 16.0002C35 17.6754 34.6432 19.2841 34 20.7494"/><path stroke="#000" d="M12.21 9.5C11.5331 11.3874 11 13.6271 11 16C11 17.8857 11.435 19.6699 12.21 21.2576"/></g></svg>
How to use the Goblet Full icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:goblet-full" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:goblet-full" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:goblet-full" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--goblet-full]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:goblet-full"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:goblet-full"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/goblet-full.svg" alt="Goblet Full icon" width="24" height="24">
Related icons in IconPark
Goblet Full icon in other icon sets
Goblet Full icon FAQ
Is the Goblet Full icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Goblet Full icon in React?
Install @iconify/react and render <Icon icon="icon-park:goblet-full" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Goblet Full icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/goblet-full.svg" alt="Goblet Full icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
