Sippy Cup icon
icon-park:sippy-cup
The Sippy Cup icon (icon-park:sippy-cup) 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
- Baby
- Tags
- sippycup
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M34 44L37 16H11L14.5 44H34Z"/><path d="M24 10L22 4"/><path d="M6 16H42"/><path d="M36.9947 25C36.9947 25 42.4654 25 41.968 29.4045C41.4707 33.809 36 32.9281 36 32.9281"/><path d="M11.0053 25C11.0053 25 5.53463 25 6.03196 29.4045C6.5293 33.809 12 32.9281 12 32.9281"/><path fill="#2F88FF" d="M37 10H11V16H37V10Z"/></g></svg>How to use the Sippy Cup icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:sippy-cup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:sippy-cup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:sippy-cup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--sippy-cup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:sippy-cup"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:sippy-cup"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/sippy-cup.svg" alt="Sippy Cup icon" width="24" height="24">Sippy Cup icon in other icon sets
Sippy Cup icon FAQ
Is the Sippy Cup 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 Sippy Cup icon in React?
Install @iconify/react and render <Icon icon="icon-park:sippy-cup" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sippy Cup icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/sippy-cup.svg" alt="Sippy Cup icon">, or paste the SVG code inline to style it with CSS.