Gentleface › Food & drink › bottle-off

bottle-off icon

Bottle off: no outside drinks, no beverages, plastic free, no plastic bottles. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11 11.707L11 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.303 6.49 5.431 6.354 5.531 6.238L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.322 11.03L10.237 10.944C10.167 10.981 10.088 11 10 11L5 11L5 14L10 14L10 11.5C10 11.359 10.048 11.241 10.144 11.144C10.197 11.092 10.256 11.053 10.322 11.03ZM9.293 10L6.242 6.949C6.227 6.965 6.212 6.982 6.197 6.998C6.122 7.082 6.007 7.2 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 10L9.293 10ZM8.306 6.306C8.102 5.915 8 5.479 8 5L8 3L7 3L7 3.5C7 3.641 6.952 3.759 6.856 3.856C6.759 3.952 6.641 4 6.5 4C6.359 4 6.241 3.952 6.144 3.856C6.048 3.759 6 3.641 6 3.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.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.053 6.846 10.201 7.002 10.297 7.115C10.468 7.316 10.605 7.518 10.708 7.721C10.771 7.844 10.781 7.971 10.738 8.102C10.695 8.234 10.612 8.331 10.489 8.393C10.467 8.405 10.445 8.414 10.422 8.422L8.306 6.306Z"/></svg>

React

// Gentleface "bottle-off" (line-round), MIT. https://gentleface.com/icons/bottle-off
import type { SVGProps } from 'react';

export function BottleOffIcon(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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11 11.707L11 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.303 6.49 5.431 6.354 5.531 6.238L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.322 11.03L10.237 10.944C10.167 10.981 10.088 11 10 11L5 11L5 14L10 14L10 11.5C10 11.359 10.048 11.241 10.144 11.144C10.197 11.092 10.256 11.053 10.322 11.03ZM9.293 10L6.242 6.949C6.227 6.965 6.212 6.982 6.197 6.998C6.122 7.082 6.007 7.2 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 10L9.293 10ZM8.306 6.306C8.102 5.915 8 5.479 8 5L8 3L7 3L7 3.5C7 3.641 6.952 3.759 6.856 3.856C6.759 3.952 6.641 4 6.5 4C6.359 4 6.241 3.952 6.144 3.856C6.048 3.759 6 3.641 6 3.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.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.053 6.846 10.201 7.002 10.297 7.115C10.468 7.316 10.605 7.518 10.708 7.721C10.771 7.844 10.781 7.971 10.738 8.102C10.695 8.234 10.612 8.331 10.489 8.393C10.467 8.405 10.445 8.414 10.422 8.422L8.306 6.306Z" />
    </svg>
  );
}

Vue

Vue: see /icons/bottle-off.md

Svelte

Svelte: see /icons/bottle-off.md

HTML img

HTML img: see /icons/bottle-off.md

CSS

CSS: see /icons/bottle-off.md

Data URL

Data URL: see /icons/bottle-off.md

Sprite

Sprite: see /icons/bottle-off.md

SwiftUI

SwiftUI: see /icons/bottle-off.md

Compose

Compose: see /icons/bottle-off.md

Android XML

Android XML: see /icons/bottle-off.md

Flutter

Flutter: see /icons/bottle-off.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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 { BottleOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

no outside drinks, no beverages, plastic free, no plastic bottles

Example

Venue rules: no outside drinks

Built from

bottle + slash

Tags

bottle, water-bottle, drink, drinks, beverage, beverages, soda, juice, water, liquid, refill, groceries, food, slash

Category

Food & drink

Component name

BottleOffIcon

History

2026-11-06 added, released in 0.4.0

Since

version 0.4.0

Family 1

bottle

More food & drink icons

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

For agents

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

bottle-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp