# baby-bottle icon

Baby bottle. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/baby-bottle

- Category: People & accounts
- Use it for: baby feeding, baby bottle, bottle feeding
- Tags: baby bottle, baby feeding, feeding bottle, nursing bottle, bottle, milk, formula, infant, baby, newborn, parenting
- Component name: BabyBottleIcon
- Added: 2026-11-07
- Since: version 0.5.0
- npm: `import { BabyBottleIcon } from '@gentleface/react';` (@gentleface/react 0.6.0)

## Alternatives

- `baby`: the baby itself (a profile, an age group)

## Also fits

- bottle: baby feeding
- milk: baby feeding

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/baby-bottle.svg · PNG https://gentleface.com/png/line-round/16/baby-bottle.png · https://gentleface.com/png/line-round/32/baby-bottle.png · https://gentleface.com/png/line-round/48/baby-bottle.png
- line-soft: https://gentleface.com/svg/line-soft/16/baby-bottle.svg · PNG https://gentleface.com/png/line-soft/16/baby-bottle.png · https://gentleface.com/png/line-soft/32/baby-bottle.png · https://gentleface.com/png/line-soft/48/baby-bottle.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/baby-bottle.svg · PNG https://gentleface.com/png/line-sharp/16/baby-bottle.png · https://gentleface.com/png/line-sharp/32/baby-bottle.png · https://gentleface.com/png/line-sharp/48/baby-bottle.png
- solid-round: https://gentleface.com/svg/solid-round/16/baby-bottle.svg · PNG https://gentleface.com/png/solid-round/16/baby-bottle.png · https://gentleface.com/png/solid-round/32/baby-bottle.png · https://gentleface.com/png/solid-round/48/baby-bottle.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/baby-bottle.svg · PNG https://gentleface.com/png/solid-soft/16/baby-bottle.png · https://gentleface.com/png/solid-soft/32/baby-bottle.png · https://gentleface.com/png/solid-soft/48/baby-bottle.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/baby-bottle.svg · PNG https://gentleface.com/png/solid-sharp/16/baby-bottle.png · https://gentleface.com/png/solid-sharp/32/baby-bottle.png · https://gentleface.com/png/solid-sharp/48/baby-bottle.png

The SVG of every style: https://gentleface.com/icons/baby-bottle.json (`svg`).

## Animated

`baby-bottle-tip`: The bottle tips toward the baby and back. The milk stays level as it turns, sloshing behind each tilt before it settles.

File: https://gentleface.com/motion/baby-bottle-tip.svg (line-round, 16 px). Native SVG animation that loops by itself. To play it once, run 0.25 s to 2.9 s. Patterns: https://gentleface.com/animated-icons.md

```svg
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.001" stroke-linecap="round" stroke-linejoin="round"><g><animateTransform attributeName="transform" type="rotate" dur="3s" repeatCount="indefinite" keyTimes="0;0.1;0.11;0.119;0.129;0.139;0.149;0.158;0.168;0.178;0.188;0.197;0.207;0.217;0.226;0.235;0.244;0.254;0.263;0.272;0.281;0.291;0.3;0.31;0.319;0.329;0.338;0.348;0.357;0.367;0.376;0.385;0.394;0.404;0.413;0.422;0.431;0.441;0.45;0.459;0.469;0.478;0.487;0.496;0.506;0.515;0.524;0.533;0.543;0.553;0.563;0.572;0.582;0.592;0.601;0.611;0.621;0.631;0.64;0.65;0.659;0.669;0.678;0.687;0.696;0.706;0.715;0.724;0.733;0.743;0.752;0.761;0.77;0.78;0.789;0.798;0.807;0.817;0.826;0.836;0.845;0.855;0.864;0.874;0.883;0.893;0.902;0.912;0.921;0.931;0.94;0.95;1" values="0 7.5 9;0 7.5 9;-.29 7.5 9;-1.139 7.5 9;-2.49 7.5 9;-4.25 7.5 9;-6.3 7.5 9;-8.5 7.5 9;-10.7 7.5 9;-12.75 7.5 9;-14.51 7.5 9;-15.861 7.5 9;-16.71 7.5 9;-17 7.5 9;-17.543 7.5 9;-19.106 7.5 9;-21.5 7.5 9;-24.437 7.5 9;-27.563 7.5 9;-30.5 7.5 9;-32.894 7.5 9;-34.457 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-35 7.5 9;-34.693 7.5 9;-33.794 7.5 9;-32.364 7.5 9;-30.5 7.5 9;-28.329 7.5 9;-26 7.5 9;-23.671 7.5 9;-21.5 7.5 9;-19.636 7.5 9;-18.206 7.5 9;-17.307 7.5 9;-17 7.5 9;-16.487 7.5 9;-15.011 7.5 9;-12.75 7.5 9;-9.976 7.5 9;-7.024 7.5 9;-4.25 7.5 9;-1.989 7.5 9;-.513 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9;0 7.5 9"/><path fill="currentColor" stroke="none" d="M5 5.5L5 5C5 4 6 3.5 6 2.5C6 1.672 6.672 1 7.5 1C8.328 1 9 1.672 9 2.5C9 3.5 10 4 10 5L10 5.5C10 5.776 9.776 6 9.5 6L5.5 6C5.224 6 5 5.776 5 5.5L5 5.5Z"></path><path d="M3.5 5.5L11.5 5.5L11.5 6.5L3.5 6.5L3.5 5.5Z"></path><path d="M4.5 6.5L4.5 14C4.5 14.276 4.724 14.5 5 14.5L10 14.5C10.276 14.5 10.5 14.276 10.5 14L10.5 6.5"></path><path d="M4.5 9.5L10.5 9.5"><animate attributeName="d" dur="3s" repeatCount="indefinite" keyTimes="0;0.1;0.11;0.119;0.129;0.139;0.149;0.158;0.168;0.178;0.188;0.197;0.207;0.217;0.226;0.235;0.244;0.254;0.263;0.272;0.281;0.291;0.3;0.31;0.319;0.329;0.338;0.348;0.357;0.367;0.376;0.385;0.394;0.404;0.413;0.422;0.431;0.441;0.45;0.459;0.469;0.478;0.487;0.496;0.506;0.515;0.524;0.533;0.543;0.553;0.563;0.572;0.582;0.592;0.601;0.611;0.621;0.631;0.64;0.65;0.659;0.669;0.678;0.687;0.696;0.706;0.715;0.724;0.733;0.743;0.752;0.761;0.77;0.78;0.789;0.798;0.807;0.817;0.826;0.836;0.845;0.855;0.864;0.874;0.883;0.893;0.902;0.912;0.921;0.931;0.94;0.95;1" values="M4.5 9.5L10.5 9.5;M4.5 9.5L10.5 9.5;M4.5 9.491L10.5 9.509;M4.5 9.465L10.5 9.535;M4.5 9.423L10.5 9.577;M4.5 9.369L10.5 9.631;M4.5 9.306L10.5 9.694;M4.5 9.238L10.5 9.762;M4.5 9.169L10.5 9.831;M4.5 9.105L10.5 9.895;M4.5 9.05L10.5 9.95;M4.5 9.007L10.5 9.993;M4.5 8.98L10.5 10.02;M4.5 8.971L10.5 10.029;M4.5 8.935L10.5 10.065;M4.5 8.831L10.5 10.169;M4.5 8.668L10.5 10.332;M4.5 8.462L10.5 10.538;M4.5 8.232L10.5 10.768;M4.5 8.004L10.5 10.996;M4.5 7.808L10.5 11.192;M4.5 7.673L10.5 11.327;M4.5 7.625L10.5 11.375;M4.5 7.596L10.5 11.404;M4.5 7.514L10.5 11.486;M4.5 7.391L10.5 11.609;M4.5 7.248L10.5 11.752;M4.5 7.114L10.5 11.886;M4.5 7.018L10.5 11.982;M4.5 6.983L10.5 12.017;M4.5 7.001L10.5 11.999;M4.5 7.055L10.5 11.945;M4.5 7.135L10.5 11.865;M4.5 7.23L10.5 11.77;M4.5 7.329L10.5 11.671;M4.5 7.419L10.5 11.581;M4.5 7.49L10.5 11.51;M4.5 7.536L10.5 11.464;M4.5 7.552L10.5 11.448;M4.5 7.547L10.5 11.453;M4.5 7.534L10.5 11.466;M4.5 7.514L10.5 11.486;M4.5 7.49L10.5 11.51;M4.5 7.463L10.5 11.537;M4.5 7.438L10.5 11.562;M4.5 7.418L10.5 11.582;M4.5 7.404L10.5 11.596;M4.5 7.399L10.5 11.601;M4.5 7.415L10.5 11.585;M4.5 7.461L10.5 11.539;M4.5 7.534L10.5 11.466;M4.5 7.625L10.5 11.375;M4.5 7.729L10.5 11.271;M4.5 7.837L10.5 11.163;M4.5 7.942L10.5 11.058;M4.5 8.037L10.5 10.963;M4.5 8.117L10.5 10.883;M4.5 8.177L10.5 10.823;M4.5 8.214L10.5 10.786;M4.5 8.227L10.5 10.773;M4.5 8.266L10.5 10.734;M4.5 8.376L10.5 10.624;M4.5 8.54L10.5 10.46;M4.5 8.734L10.5 10.266;M4.5 8.934L10.5 10.066;M4.5 9.118L10.5 9.882;M4.5 9.266L10.5 9.734;M4.5 9.362L10.5 9.638;M4.5 9.395L10.5 9.605;M4.5 9.405L10.5 9.595;M4.5 9.432L10.5 9.568;M4.5 9.474L10.5 9.526;M4.5 9.525L10.5 9.475;M4.5 9.58L10.5 9.42;M4.5 9.631L10.5 9.369;M4.5 9.673L10.5 9.327;M4.5 9.7L10.5 9.3;M4.5 9.71L10.5 9.29;M4.5 9.695L10.5 9.305;M4.5 9.655L10.5 9.345;M4.5 9.598L10.5 9.402;M4.5 9.533L10.5 9.467;M4.5 9.476L10.5 9.524;M4.5 9.436L10.5 9.564;M4.5 9.421L10.5 9.579;M4.5 9.425L10.5 9.575;M4.5 9.436L10.5 9.564;M4.5 9.452L10.5 9.548;M4.5 9.469L10.5 9.531;M4.5 9.485L10.5 9.515;M4.5 9.496L10.5 9.504;M4.5 9.5L10.5 9.5;M4.5 9.5L10.5 9.5"/></path></g></svg>
```

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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="M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z"/></svg>
```

### React

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

export function BabyBottleIcon(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="M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle -->
<script>
  let props = $props();
</script>

<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="M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/baby-bottle.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle. Takes the text color. */
.icon-baby-bottle {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#baby-bottle"/></svg>
```

### SwiftUI

```swift
// Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle
import SwiftUI

struct BabyBottleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 11.856, y: 5.144))
        p.addCurve(to: CGPoint(x: 12, y: 5.5), control1: CGPoint(x: 11.952, y: 5.241), control2: CGPoint(x: 12, y: 5.359))
        p.addLine(to: CGPoint(x: 12, y: 6.5))
        p.addCurve(to: CGPoint(x: 11.856, y: 6.856), control1: CGPoint(x: 12, y: 6.641), control2: CGPoint(x: 11.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 11.5, y: 7), control1: CGPoint(x: 11.759, y: 6.952), control2: CGPoint(x: 11.641, y: 7))
        p.addLine(to: CGPoint(x: 11, y: 7))
        p.addLine(to: CGPoint(x: 11, y: 14))
        p.addCurve(to: CGPoint(x: 10.707, y: 14.707), control1: CGPoint(x: 11, y: 14.276), control2: CGPoint(x: 10.902, y: 14.512))
        p.addCurve(to: CGPoint(x: 10, y: 15), control1: CGPoint(x: 10.512, y: 14.902), control2: CGPoint(x: 10.276, y: 15))
        p.addLine(to: CGPoint(x: 5, y: 15))
        p.addCurve(to: CGPoint(x: 4.293, y: 14.707), control1: CGPoint(x: 4.724, y: 15), control2: CGPoint(x: 4.488, y: 14.902))
        p.addCurve(to: CGPoint(x: 4, y: 14), control1: CGPoint(x: 4.098, y: 14.512), control2: CGPoint(x: 4, y: 14.276))
        p.addLine(to: CGPoint(x: 4, y: 7))
        p.addLine(to: CGPoint(x: 3.5, y: 7))
        p.addCurve(to: CGPoint(x: 3.144, y: 6.856), control1: CGPoint(x: 3.359, y: 7), control2: CGPoint(x: 3.241, y: 6.952))
        p.addCurve(to: CGPoint(x: 3, y: 6.5), control1: CGPoint(x: 3.048, y: 6.759), control2: CGPoint(x: 3, y: 6.641))
        p.addLine(to: CGPoint(x: 3, y: 5.5))
        p.addCurve(to: CGPoint(x: 3.144, y: 5.144), control1: CGPoint(x: 3, y: 5.359), control2: CGPoint(x: 3.048, y: 5.241))
        p.addCurve(to: CGPoint(x: 3.5, y: 5), control1: CGPoint(x: 3.241, y: 5.048), control2: CGPoint(x: 3.359, y: 5))
        p.addLine(to: CGPoint(x: 5, y: 5))
        p.addCurve(to: CGPoint(x: 5.156, y: 4.328), control1: CGPoint(x: 5, y: 4.778), control2: CGPoint(x: 5.052, y: 4.554))
        p.addCurve(to: CGPoint(x: 5.5, y: 3.75), control1: CGPoint(x: 5.219, y: 4.193), control2: CGPoint(x: 5.333, y: 4))
        p.addCurve(to: CGPoint(x: 5.844, y: 3.172), control1: CGPoint(x: 5.667, y: 3.5), control2: CGPoint(x: 5.781, y: 3.307))
        p.addCurve(to: CGPoint(x: 6, y: 2.5), control1: CGPoint(x: 5.948, y: 2.946), control2: CGPoint(x: 6, y: 2.722))
        p.addCurve(to: CGPoint(x: 6.439, y: 1.439), control1: CGPoint(x: 6, y: 2.086), control2: CGPoint(x: 6.146, y: 1.732))
        p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 6.732, y: 1.146), control2: CGPoint(x: 7.086, y: 1))
        p.addCurve(to: CGPoint(x: 8.561, y: 1.439), control1: CGPoint(x: 7.914, y: 1), control2: CGPoint(x: 8.268, y: 1.146))
        p.addCurve(to: CGPoint(x: 9, y: 2.5), control1: CGPoint(x: 8.854, y: 1.732), control2: CGPoint(x: 9, y: 2.086))
        p.addCurve(to: CGPoint(x: 9.156, y: 3.172), control1: CGPoint(x: 9, y: 2.722), control2: CGPoint(x: 9.052, y: 2.946))
        p.addCurve(to: CGPoint(x: 9.5, y: 3.75), control1: CGPoint(x: 9.219, y: 3.307), control2: CGPoint(x: 9.333, y: 3.5))
        p.addCurve(to: CGPoint(x: 9.844, y: 4.328), control1: CGPoint(x: 9.667, y: 4), control2: CGPoint(x: 9.781, y: 4.193))
        p.addCurve(to: CGPoint(x: 10, y: 5), control1: CGPoint(x: 9.948, y: 4.554), control2: CGPoint(x: 10, y: 4.778))
        p.addLine(to: CGPoint(x: 11.5, y: 5))
        p.addCurve(to: CGPoint(x: 11.856, y: 5.144), control1: CGPoint(x: 11.641, y: 5), control2: CGPoint(x: 11.759, y: 5.048))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10, y: 7))
        p.addLine(to: CGPoint(x: 5, y: 7))
        p.addLine(to: CGPoint(x: 5, y: 9))
        p.addLine(to: CGPoint(x: 10, y: 9))
        p.addLine(to: CGPoint(x: 10, y: 7))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5, y: 14))
        p.addLine(to: CGPoint(x: 10, y: 14))
        p.addLine(to: CGPoint(x: 10, y: 10))
        p.addLine(to: CGPoint(x: 5, y: 10))
        p.addLine(to: CGPoint(x: 5, y: 14))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// BabyBottleIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val BabyBottleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "baby-bottle", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(BabyBottleIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_baby_bottle.xml · Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M11.856 5.144C11.952 5.241 12 5.359 12 5.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L11 7L11 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 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5 5C5 4.778 5.052 4.554 5.156 4.328C5.219 4.193 5.333 4 5.5 3.75C5.667 3.5 5.781 3.307 5.844 3.172C5.948 2.946 6 2.722 6 2.5C6 2.086 6.146 1.732 6.439 1.439C6.732 1.146 7.086 1 7.5 1C7.914 1 8.268 1.146 8.561 1.439C8.854 1.732 9 2.086 9 2.5C9 2.722 9.052 2.946 9.156 3.172C9.219 3.307 9.333 3.5 9.5 3.75C9.667 4 9.781 4.193 9.844 4.328C9.948 4.554 10 4.778 10 5L11.5 5C11.641 5 11.759 5.048 11.856 5.144ZM10 7L5 7L5 9L10 9L10 7ZM5 14L10 14L10 10L5 10L5 14Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "baby-bottle" (line-round), MIT. https://gentleface.com/icons/baby-bottle
import 'package:flutter/widgets.dart';

class BabyBottleIcon extends StatelessWidget {
  const BabyBottleIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _BabyBottleIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _BabyBottleIconPainter extends CustomPainter {
  _BabyBottleIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(11.856, 5.144)
      ..cubicTo(11.952, 5.241, 12, 5.359, 12, 5.5)
      ..lineTo(12, 6.5)
      ..cubicTo(12, 6.641, 11.952, 6.759, 11.856, 6.856)
      ..cubicTo(11.759, 6.952, 11.641, 7, 11.5, 7)
      ..lineTo(11, 7)
      ..lineTo(11, 14)
      ..cubicTo(11, 14.276, 10.902, 14.512, 10.707, 14.707)
      ..cubicTo(10.512, 14.902, 10.276, 15, 10, 15)
      ..lineTo(5, 15)
      ..cubicTo(4.724, 15, 4.488, 14.902, 4.293, 14.707)
      ..cubicTo(4.098, 14.512, 4, 14.276, 4, 14)
      ..lineTo(4, 7)
      ..lineTo(3.5, 7)
      ..cubicTo(3.359, 7, 3.241, 6.952, 3.144, 6.856)
      ..cubicTo(3.048, 6.759, 3, 6.641, 3, 6.5)
      ..lineTo(3, 5.5)
      ..cubicTo(3, 5.359, 3.048, 5.241, 3.144, 5.144)
      ..cubicTo(3.241, 5.048, 3.359, 5, 3.5, 5)
      ..lineTo(5, 5)
      ..cubicTo(5, 4.778, 5.052, 4.554, 5.156, 4.328)
      ..cubicTo(5.219, 4.193, 5.333, 4, 5.5, 3.75)
      ..cubicTo(5.667, 3.5, 5.781, 3.307, 5.844, 3.172)
      ..cubicTo(5.948, 2.946, 6, 2.722, 6, 2.5)
      ..cubicTo(6, 2.086, 6.146, 1.732, 6.439, 1.439)
      ..cubicTo(6.732, 1.146, 7.086, 1, 7.5, 1)
      ..cubicTo(7.914, 1, 8.268, 1.146, 8.561, 1.439)
      ..cubicTo(8.854, 1.732, 9, 2.086, 9, 2.5)
      ..cubicTo(9, 2.722, 9.052, 2.946, 9.156, 3.172)
      ..cubicTo(9.219, 3.307, 9.333, 3.5, 9.5, 3.75)
      ..cubicTo(9.667, 4, 9.781, 4.193, 9.844, 4.328)
      ..cubicTo(9.948, 4.554, 10, 4.778, 10, 5)
      ..lineTo(11.5, 5)
      ..cubicTo(11.641, 5, 11.759, 5.048, 11.856, 5.144)
      ..close()
      ..moveTo(10, 7)
      ..lineTo(5, 7)
      ..lineTo(5, 9)
      ..lineTo(10, 9)
      ..lineTo(10, 7)
      ..close()
      ..moveTo(5, 14)
      ..lineTo(10, 14)
      ..lineTo(10, 10)
      ..lineTo(5, 10)
      ..lineTo(5, 14)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_BabyBottleIconPainter old) => old.color != color;
}
```