drink bottle icon
drink-bottle-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- drink-bottle-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the drink bottle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.5 2h3a1.5 1.5 0 0 1 .547 2.897c.121.487.477.856 1.022 1.393l.01.01c.384.378.839.826 1.237 1.423q.015.02.025.042a4.14 4.14 0 0 1 .65 2.515q.009.11.009.22v5a2.5 2.5 0 0 1-3.75 2.165A2.5 2.5 0 0 1 10 18a2.5 2.5 0 0 1-1.25-.335A2.5 2.5 0 0 1 5 15.5v-5q0-.11.01-.22A4 4 0 0 1 5 10c0-1.33.639-2.512 1.63-3.326q.17-.18.328-.342l.002-.001c.533-.55.881-.925.997-1.432A1.5 1.5 0 0 1 8.5 2M14 14v-3.5q0-.082-.008-.161a.5.5 0 0 1-.002-.093a3.15 3.15 0 0 0-.529-2.002A5 5 0 0 0 13.287 8H6.718a3.2 3.2 0 0 0-.708 2.246a.5.5 0 0 1-.001.093A2 2 0 0 0 6 10.5V14zm-8 1v.5a1.5 1.5 0 0 0 2.437 1.171a.5.5 0 0 1 .626 0c.257.206.582.329.937.329s.68-.123.937-.329a.5.5 0 0 1 .626 0A1.5 1.5 0 0 0 14 15.5V15zm5.046-10h-2.09c-.157.872-.714 1.446-1.24 1.987L7.705 7h4.661l-.042-.041C11.79 6.434 11.212 5.864 11.047 5M8.5 4h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0 0 1"/></svg>
React
import type { SVGProps } from "react";
export function FluentDrinkBottle20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.5 2h3a1.5 1.5 0 0 1 .547 2.897c.121.487.477.856 1.022 1.393l.01.01c.384.378.839.826 1.237 1.423q.015.02.025.042a4.14 4.14 0 0 1 .65 2.515q.009.11.009.22v5a2.5 2.5 0 0 1-3.75 2.165A2.5 2.5 0 0 1 10 18a2.5 2.5 0 0 1-1.25-.335A2.5 2.5 0 0 1 5 15.5v-5q0-.11.01-.22A4 4 0 0 1 5 10c0-1.33.639-2.512 1.63-3.326q.17-.18.328-.342l.002-.001c.533-.55.881-.925.997-1.432A1.5 1.5 0 0 1 8.5 2M14 14v-3.5q0-.082-.008-.161a.5.5 0 0 1-.002-.093a3.15 3.15 0 0 0-.529-2.002A5 5 0 0 0 13.287 8H6.718a3.2 3.2 0 0 0-.708 2.246a.5.5 0 0 1-.001.093A2 2 0 0 0 6 10.5V14zm-8 1v.5a1.5 1.5 0 0 0 2.437 1.171a.5.5 0 0 1 .626 0c.257.206.582.329.937.329s.68-.123.937-.329a.5.5 0 0 1 .626 0A1.5 1.5 0 0 0 14 15.5V15zm5.046-10h-2.09c-.157.872-.714 1.446-1.24 1.987L7.705 7h4.661l-.042-.041C11.79 6.434 11.212 5.864 11.047 5M8.5 4h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0 0 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.5 2h3a1.5 1.5 0 0 1 .547 2.897c.121.487.477.856 1.022 1.393l.01.01c.384.378.839.826 1.237 1.423q.015.02.025.042a4.14 4.14 0 0 1 .65 2.515q.009.11.009.22v5a2.5 2.5 0 0 1-3.75 2.165A2.5 2.5 0 0 1 10 18a2.5 2.5 0 0 1-1.25-.335A2.5 2.5 0 0 1 5 15.5v-5q0-.11.01-.22A4 4 0 0 1 5 10c0-1.33.639-2.512 1.63-3.326q.17-.18.328-.342l.002-.001c.533-.55.881-.925.997-1.432A1.5 1.5 0 0 1 8.5 2M14 14v-3.5q0-.082-.008-.161a.5.5 0 0 1-.002-.093a3.15 3.15 0 0 0-.529-2.002A5 5 0 0 0 13.287 8H6.718a3.2 3.2 0 0 0-.708 2.246a.5.5 0 0 1-.001.093A2 2 0 0 0 6 10.5V14zm-8 1v.5a1.5 1.5 0 0 0 2.437 1.171a.5.5 0 0 1 .626 0c.257.206.582.329.937.329s.68-.123.937-.329a.5.5 0 0 1 .626 0A1.5 1.5 0 0 0 14 15.5V15zm5.046-10h-2.09c-.157.872-.714 1.446-1.24 1.987L7.705 7h4.661l-.042-.041C11.79 6.434 11.212 5.864 11.047 5M8.5 4h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0 0 1"/></svg> </template>
CSS
.icon-drink-bottle-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%202h3a1.5%201.5%200%200%201%20.547%202.897c.121.487.477.856%201.022%201.393l.01.01c.384.378.839.826%201.237%201.423q.015.02.025.042a4.14%204.14%200%200%201%20.65%202.515q.009.11.009.22v5a2.5%202.5%200%200%201-3.75%202.165A2.5%202.5%200%200%201%2010%2018a2.5%202.5%200%200%201-1.25-.335A2.5%202.5%200%200%201%205%2015.5v-5q0-.11.01-.22A4%204%200%200%201%205%2010c0-1.33.639-2.512%201.63-3.326q.17-.18.328-.342l.002-.001c.533-.55.881-.925.997-1.432A1.5%201.5%200%200%201%208.5%202M14%2014v-3.5q0-.082-.008-.161a.5.5%200%200%201-.002-.093a3.15%203.15%200%200%200-.529-2.002A5%205%200%200%200%2013.287%208H6.718a3.2%203.2%200%200%200-.708%202.246a.5.5%200%200%201-.001.093A2%202%200%200%200%206%2010.5V14zm-8%201v.5a1.5%201.5%200%200%200%202.437%201.171a.5.5%200%200%201%20.626%200c.257.206.582.329.937.329s.68-.123.937-.329a.5.5%200%200%201%20.626%200A1.5%201.5%200%200%200%2014%2015.5V15zm5.046-10h-2.09c-.157.872-.714%201.446-1.24%201.987L7.705%207h4.661l-.042-.041C11.79%206.434%2011.212%205.864%2011.047%205M8.5%204h3a.5.5%200%200%200%200-1h-3a.5.5%200%200%200%200%201%22%2F%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%202h3a1.5%201.5%200%200%201%20.547%202.897c.121.487.477.856%201.022%201.393l.01.01c.384.378.839.826%201.237%201.423q.015.02.025.042a4.14%204.14%200%200%201%20.65%202.515q.009.11.009.22v5a2.5%202.5%200%200%201-3.75%202.165A2.5%202.5%200%200%201%2010%2018a2.5%202.5%200%200%201-1.25-.335A2.5%202.5%200%200%201%205%2015.5v-5q0-.11.01-.22A4%204%200%200%201%205%2010c0-1.33.639-2.512%201.63-3.326q.17-.18.328-.342l.002-.001c.533-.55.881-.925.997-1.432A1.5%201.5%200%200%201%208.5%202M14%2014v-3.5q0-.082-.008-.161a.5.5%200%200%201-.002-.093a3.15%203.15%200%200%200-.529-2.002A5%205%200%200%200%2013.287%208H6.718a3.2%203.2%200%200%200-.708%202.246a.5.5%200%200%201-.001.093A2%202%200%200%200%206%2010.5V14zm-8%201v.5a1.5%201.5%200%200%200%202.437%201.171a.5.5%200%200%201%20.626%200c.257.206.582.329.937.329s.68-.123.937-.329a.5.5%200%200%201%20.626%200A1.5%201.5%200%200%200%2014%2015.5V15zm5.046-10h-2.09c-.157.872-.714%201.446-1.24%201.987L7.705%207h4.661l-.042-.041C11.79%206.434%2011.212%205.864%2011.047%205M8.5%204h3a.5.5%200%200%200%200-1h-3a.5.5%200%200%200%200%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/drink-bottle-20-regular.svg?color=%231a73e8&size=48
