gentleface

Gentleface › Food & drink › bottle

bottle icon

Bottle: bottle, water bottle, beverages, reusable bottle. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M9.856 1.144C9.952 1.241 10 1.359 10 1.5L10 2.5C10 2.641 9.952 2.759 9.856 2.856C9.759 2.952 9.641 3 9.5 3L9 3L9 5C9 5.352 9.08 5.662 9.241 5.93C9.309 6.043 9.398 6.162 9.508 6.286C9.579 6.367 9.694 6.487 9.854 6.646C10.028 6.82 10.157 6.956 10.242 7.052C10.393 7.222 10.517 7.39 10.616 7.555C10.872 7.982 11 8.463 11 9L11 14C11 14.276 10.902 14.512 10.707 14.707C10.512 14.902 10.276 15 10 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 9C4 8.463 4.128 7.982 4.384 7.555C4.483 7.39 4.607 7.222 4.758 7.052C4.843 6.956 4.972 6.82 5.146 6.646C5.306 6.487 5.421 6.367 5.492 6.286C5.602 6.162 5.691 6.043 5.759 5.93C5.92 5.662 6 5.352 6 5L6 3L5.5 3C5.359 3 5.241 2.952 5.144 2.856C5.048 2.759 5 2.641 5 2.5L5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1L9.5 1C9.641 1 9.759 1.048 9.856 1.144ZM7 5C7 5.537 6.872 6.018 6.616 6.445C6.517 6.61 6.393 6.778 6.242 6.948C6.157 7.044 6.028 7.18 5.854 7.354C5.694 7.513 5.579 7.633 5.508 7.714C5.398 7.838 5.309 7.957 5.241 8.07C5.08 8.338 5 8.648 5 9L5 10L10 10L10 9C10 8.648 9.92 8.338 9.759 8.07C9.691 7.957 9.602 7.838 9.492 7.714C9.421 7.633 9.306 7.513 9.146 7.354C8.972 7.18 8.843 7.044 8.758 6.948C8.607 6.778 8.483 6.61 8.384 6.445C8.128 6.018 8 5.537 8 5L8 3L7 3L7 5ZM10 11L5 11L5 14L10 14L10 11Z"/></svg>
React
// Gentleface "bottle" (line-round), MIT. https://gentleface.com/icons/bottle
import type { SVGProps } from 'react';

export function BottleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M9.856 1.144C9.952 1.241 10 1.359 10 1.5L10 2.5C10 2.641 9.952 2.759 9.856 2.856C9.759 2.952 9.641 3 9.5 3L9 3L9 5C9 5.352 9.08 5.662 9.241 5.93C9.309 6.043 9.398 6.162 9.508 6.286C9.579 6.367 9.694 6.487 9.854 6.646C10.028 6.82 10.157 6.956 10.242 7.052C10.393 7.222 10.517 7.39 10.616 7.555C10.872 7.982 11 8.463 11 9L11 14C11 14.276 10.902 14.512 10.707 14.707C10.512 14.902 10.276 15 10 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 9C4 8.463 4.128 7.982 4.384 7.555C4.483 7.39 4.607 7.222 4.758 7.052C4.843 6.956 4.972 6.82 5.146 6.646C5.306 6.487 5.421 6.367 5.492 6.286C5.602 6.162 5.691 6.043 5.759 5.93C5.92 5.662 6 5.352 6 5L6 3L5.5 3C5.359 3 5.241 2.952 5.144 2.856C5.048 2.759 5 2.641 5 2.5L5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1L9.5 1C9.641 1 9.759 1.048 9.856 1.144ZM7 5C7 5.537 6.872 6.018 6.616 6.445C6.517 6.61 6.393 6.778 6.242 6.948C6.157 7.044 6.028 7.18 5.854 7.354C5.694 7.513 5.579 7.633 5.508 7.714C5.398 7.838 5.309 7.957 5.241 8.07C5.08 8.338 5 8.648 5 9L5 10L10 10L10 9C10 8.648 9.92 8.338 9.759 8.07C9.691 7.957 9.602 7.838 9.492 7.714C9.421 7.633 9.306 7.513 9.146 7.354C8.972 7.18 8.843 7.044 8.758 6.948C8.607 6.778 8.483 6.61 8.384 6.445C8.128 6.018 8 5.537 8 5L8 3L7 3L7 5ZM10 11L5 11L5 14L10 14L10 11Z" />
    </svg>
  );
}
Vue
Vue: see /icons/bottle.md
Svelte
Svelte: see /icons/bottle.md
HTML img
HTML img: see /icons/bottle.md
CSS
CSS: see /icons/bottle.md
Data URL
Data URL: see /icons/bottle.md
Sprite
Sprite: see /icons/bottle.md
SwiftUI
SwiftUI: see /icons/bottle.md
Compose
Compose: see /icons/bottle.md
Android XML
Android XML: see /icons/bottle.md
Flutter
Flutter: see /icons/bottle.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BottleIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
bottle, water bottle, beverages, reusable bottle, plastic bottle, drinks, beverage
Alternatives
Also fits
  • soft drink: bottled water or drinks
  • drinking water: a water bottle
  • milk: a water bottle
Tags
bottle, water-bottle, drink, drinks, beverage, beverages, soda, juice, water, liquid, refill, groceries, food
Category
Food & drink
Component name
BottleIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More food & drink icons

apple avocado banana barrel bean bean-off beef beer bowl bowl-chopsticks bread broccoli burger cake cake-slice candy · all food & drink icons

For agents

Metadata: /icons/bottle.json · Markdown: /icons/bottle.md · SVG: https://gentleface.com/svg/{style}/16/bottle.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bottle.png