Bottle One icon
icon-park:bottle-one
The Bottle One icon (icon-park:bottle-one) 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
- bottleone
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 fill="#2F88FF" stroke="#000" d="M15 30C15 28.0527 15.6316 26.1579 16.8 24.6L20.4 19.8C20.7895 19.2807 21 18.6491 21 18V4H27V18C27 18.6491 27.2105 19.2807 27.6 19.8L31.2 24.6C32.3684 26.1579 33 28.0527 33 30V42C33 43.1046 32.1046 44 31 44H17C15.8954 44 15 43.1046 15 42V30Z"/><path stroke="#fff" d="M21 10L27 10"/><path stroke="#000" d="M21 12V8"/><path stroke="#000" d="M27 12V8"/></g></svg>
How to use the Bottle One icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:bottle-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:bottle-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:bottle-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bottle-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bottle-one"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:bottle-one"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/bottle-one.svg" alt="Bottle One icon" width="24" height="24">
Related icons in IconPark
Bottle One icon in other icon sets
Bottle One icon FAQ
Is the Bottle One 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 Bottle One icon in React?
Install @iconify/react and render <Icon icon="icon-park:bottle-one" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bottle One icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/bottle-one.svg" alt="Bottle One icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
