Sippy Cup icon
icon-park-solid:sippy-cup
The Sippy Cup icon (icon-park-solid:sippy-cup) is a free SVG icon from the IconPark Solid set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Solid 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 Solid
- 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="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="m34 44l3-28H11l3.5 28zM24 10l-2-6M6 16h36m-5.005 9s5.47 0 4.973 4.404C41.471 33.81 36 32.929 36 32.929M11.005 25s-5.47 0-4.973 4.404C6.529 33.81 12 32.929 12 32.929"/><path fill="currentColor" d="M37 10H11v6h26z"/></g></svg>How to use the Sippy Cup icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:sippy-cup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:sippy-cup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:sippy-cup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--sippy-cup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid: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-solid:sippy-cup"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-solid/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 Solid 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-solid: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-solid/sippy-cup.svg" alt="Sippy Cup icon">, or paste the SVG code inline to style it with CSS.