bottle two icon

bottle-two from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.

Name: bottle-two
Set: IconPark
Style: Color
Category: Foods
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

bottle-twoIconPark Outline bottle-twoIconPark Solid bottle-twoIconPark TwoTone

More foods icons from IconPark

apple-one avocado avocado-one banana barbecue beer beer-mug birthday-cake bone bottle-one bottle-three bowl bowl-one bread bread-machine bread-one cake cake-five cake-four cake-one cake-three cake-two candy canned-fruit

Use the bottle two icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M15 21.5597C15 18.1105 16.8097 14.9142 19.7674 13.1395C19.9117 13.053 20 12.897 20 12.7288V4H28V12.7288C28 12.897 28.0883 13.053 28.2326 13.1395C31.1903 14.9142 33 18.1105 33 21.5597V42C33 43.1046 32.1046 44 31 44H17C15.8954 44 15 43.1046 15 42V21.5597Z"/><path stroke="#fff" d="M20 10L28 10"/><path stroke="#fff" stroke-linejoin="round" d="M33 23H24V38H33"/><path stroke="#000" stroke-linejoin="round" d="M33 40V21"/><path stroke="#000" stroke-linejoin="round" d="M20 12V8"/><path stroke="#000" stroke-linejoin="round" d="M28 12V8"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkBottleTwo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeLinecap="round" strokeWidth="4"><path fill="#2F88FF" stroke="#000" strokeLinejoin="round" d="M15 21.5597C15 18.1105 16.8097 14.9142 19.7674 13.1395C19.9117 13.053 20 12.897 20 12.7288V4H28V12.7288C28 12.897 28.0883 13.053 28.2326 13.1395C31.1903 14.9142 33 18.1105 33 21.5597V42C33 43.1046 32.1046 44 31 44H17C15.8954 44 15 43.1046 15 42V21.5597Z"/><path stroke="#fff" d="M20 10L28 10"/><path stroke="#fff" strokeLinejoin="round" d="M33 23H24V38H33"/><path stroke="#000" strokeLinejoin="round" d="M33 40V21"/><path stroke="#000" strokeLinejoin="round" d="M20 12V8"/><path stroke="#000" strokeLinejoin="round" d="M28 12V8"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M15 21.5597C15 18.1105 16.8097 14.9142 19.7674 13.1395C19.9117 13.053 20 12.897 20 12.7288V4H28V12.7288C28 12.897 28.0883 13.053 28.2326 13.1395C31.1903 14.9142 33 18.1105 33 21.5597V42C33 43.1046 32.1046 44 31 44H17C15.8954 44 15 43.1046 15 42V21.5597Z"/><path stroke="#fff" d="M20 10L28 10"/><path stroke="#fff" stroke-linejoin="round" d="M33 23H24V38H33"/><path stroke="#000" stroke-linejoin="round" d="M33 40V21"/><path stroke="#000" stroke-linejoin="round" d="M20 12V8"/><path stroke="#000" stroke-linejoin="round" d="M28 12V8"/></g></svg>
</template>

CSS

.icon-bottle-two {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2021.5597C15%2018.1105%2016.8097%2014.9142%2019.7674%2013.1395C19.9117%2013.053%2020%2012.897%2020%2012.7288V4H28V12.7288C28%2012.897%2028.0883%2013.053%2028.2326%2013.1395C31.1903%2014.9142%2033%2018.1105%2033%2021.5597V42C33%2043.1046%2032.1046%2044%2031%2044H17C15.8954%2044%2015%2043.1046%2015%2042V21.5597Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M20%2010L28%2010%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33%2023H24V38H33%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33%2040V21%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20%2012V8%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28%2012V8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2021.5597C15%2018.1105%2016.8097%2014.9142%2019.7674%2013.1395C19.9117%2013.053%2020%2012.897%2020%2012.7288V4H28V12.7288C28%2012.897%2028.0883%2013.053%2028.2326%2013.1395C31.1903%2014.9142%2033%2018.1105%2033%2021.5597V42C33%2043.1046%2032.1046%2044%2031%2044H17C15.8954%2044%2015%2043.1046%2015%2042V21.5597Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M20%2010L28%2010%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33%2023H24V38H33%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33%2040V21%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20%2012V8%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28%2012V8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/bottle-two.svg?color=%231a73e8&size=48