pillow icon

Pillow: pillow, cushion, sleep comfort. 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="M8 3.75C9.195 3.75 10.338 3.689 11.428 3.566C12.553 3.439 13.531 3.257 14.363 3.019C14.495 2.981 14.622 2.996 14.743 3.063C14.864 3.13 14.943 3.23 14.981 3.363C15.012 3.472 15.007 3.58 14.964 3.686C14.732 4.266 14.554 4.934 14.431 5.69C14.31 6.429 14.25 7.199 14.25 8C14.25 8.801 14.31 9.571 14.431 10.31C14.554 11.066 14.732 11.734 14.964 12.314C15.016 12.442 15.014 12.57 14.96 12.697C14.905 12.824 14.814 12.913 14.686 12.964C14.58 13.007 14.472 13.012 14.363 12.981C13.531 12.743 12.553 12.561 11.428 12.434C10.338 12.311 9.195 12.25 8 12.25C6.805 12.25 5.662 12.311 4.572 12.434C3.447 12.561 2.469 12.743 1.637 12.981C1.502 13.019 1.375 13.006 1.256 12.94C1.137 12.874 1.058 12.773 1.019 12.637C0.988 12.528 0.993 12.42 1.036 12.314C1.268 11.734 1.446 11.066 1.569 10.31C1.69 9.571 1.75 8.801 1.75 8C1.75 7.199 1.69 6.429 1.569 5.69C1.446 4.934 1.268 4.266 1.036 3.686C0.983 3.555 0.984 3.427 1.038 3.302C1.091 3.177 1.183 3.088 1.314 3.036C1.42 2.993 1.528 2.988 1.637 3.019C2.469 3.257 3.447 3.439 4.572 3.566C5.662 3.689 6.805 3.75 8 3.75ZM2.75 8C2.75 8.855 2.685 9.679 2.556 10.471C2.479 10.941 2.383 11.381 2.266 11.793C2.93 11.648 3.661 11.531 4.46 11.441C5.588 11.314 6.768 11.25 8 11.25C9.232 11.25 10.412 11.314 11.54 11.441C12.339 11.531 13.07 11.648 13.734 11.793C13.617 11.381 13.521 10.941 13.444 10.471C13.315 9.679 13.25 8.855 13.25 8C13.25 7.145 13.315 6.321 13.444 5.529C13.521 5.059 13.617 4.619 13.734 4.207C13.07 4.352 12.339 4.469 11.54 4.559C10.412 4.686 9.232 4.75 8 4.75C6.768 4.75 5.588 4.686 4.46 4.559C3.661 4.469 2.93 4.352 2.266 4.207C2.383 4.619 2.479 5.059 2.556 5.529C2.685 6.321 2.75 7.145 2.75 8ZM11.947 5.776C12.091 6.063 12.199 6.41 12.273 6.817C12.341 7.19 12.375 7.585 12.375 8C12.375 8.415 12.341 8.81 12.273 9.183C12.199 9.59 12.091 9.937 11.947 10.224C11.884 10.35 11.788 10.434 11.659 10.477C11.53 10.52 11.402 10.51 11.276 10.447C11.15 10.384 11.066 10.288 11.023 10.159C10.98 10.03 10.99 9.902 11.053 9.776C11.154 9.575 11.232 9.318 11.289 9.004C11.346 8.69 11.375 8.355 11.375 8C11.375 7.645 11.346 7.31 11.289 6.996C11.232 6.682 11.154 6.425 11.053 6.224C10.991 6.1 10.982 5.973 11.026 5.842C11.069 5.711 11.153 5.615 11.276 5.553C11.402 5.49 11.53 5.48 11.659 5.523C11.788 5.566 11.884 5.65 11.947 5.776Z"/></svg>

React

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

export function PillowIcon(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="M8 3.75C9.195 3.75 10.338 3.689 11.428 3.566C12.553 3.439 13.531 3.257 14.363 3.019C14.495 2.981 14.622 2.996 14.743 3.063C14.864 3.13 14.943 3.23 14.981 3.363C15.012 3.472 15.007 3.58 14.964 3.686C14.732 4.266 14.554 4.934 14.431 5.69C14.31 6.429 14.25 7.199 14.25 8C14.25 8.801 14.31 9.571 14.431 10.31C14.554 11.066 14.732 11.734 14.964 12.314C15.016 12.442 15.014 12.57 14.96 12.697C14.905 12.824 14.814 12.913 14.686 12.964C14.58 13.007 14.472 13.012 14.363 12.981C13.531 12.743 12.553 12.561 11.428 12.434C10.338 12.311 9.195 12.25 8 12.25C6.805 12.25 5.662 12.311 4.572 12.434C3.447 12.561 2.469 12.743 1.637 12.981C1.502 13.019 1.375 13.006 1.256 12.94C1.137 12.874 1.058 12.773 1.019 12.637C0.988 12.528 0.993 12.42 1.036 12.314C1.268 11.734 1.446 11.066 1.569 10.31C1.69 9.571 1.75 8.801 1.75 8C1.75 7.199 1.69 6.429 1.569 5.69C1.446 4.934 1.268 4.266 1.036 3.686C0.983 3.555 0.984 3.427 1.038 3.302C1.091 3.177 1.183 3.088 1.314 3.036C1.42 2.993 1.528 2.988 1.637 3.019C2.469 3.257 3.447 3.439 4.572 3.566C5.662 3.689 6.805 3.75 8 3.75ZM2.75 8C2.75 8.855 2.685 9.679 2.556 10.471C2.479 10.941 2.383 11.381 2.266 11.793C2.93 11.648 3.661 11.531 4.46 11.441C5.588 11.314 6.768 11.25 8 11.25C9.232 11.25 10.412 11.314 11.54 11.441C12.339 11.531 13.07 11.648 13.734 11.793C13.617 11.381 13.521 10.941 13.444 10.471C13.315 9.679 13.25 8.855 13.25 8C13.25 7.145 13.315 6.321 13.444 5.529C13.521 5.059 13.617 4.619 13.734 4.207C13.07 4.352 12.339 4.469 11.54 4.559C10.412 4.686 9.232 4.75 8 4.75C6.768 4.75 5.588 4.686 4.46 4.559C3.661 4.469 2.93 4.352 2.266 4.207C2.383 4.619 2.479 5.059 2.556 5.529C2.685 6.321 2.75 7.145 2.75 8ZM11.947 5.776C12.091 6.063 12.199 6.41 12.273 6.817C12.341 7.19 12.375 7.585 12.375 8C12.375 8.415 12.341 8.81 12.273 9.183C12.199 9.59 12.091 9.937 11.947 10.224C11.884 10.35 11.788 10.434 11.659 10.477C11.53 10.52 11.402 10.51 11.276 10.447C11.15 10.384 11.066 10.288 11.023 10.159C10.98 10.03 10.99 9.902 11.053 9.776C11.154 9.575 11.232 9.318 11.289 9.004C11.346 8.69 11.375 8.355 11.375 8C11.375 7.645 11.346 7.31 11.289 6.996C11.232 6.682 11.154 6.425 11.053 6.224C10.991 6.1 10.982 5.973 11.026 5.842C11.069 5.711 11.153 5.615 11.276 5.553C11.402 5.49 11.53 5.48 11.659 5.523C11.788 5.566 11.884 5.65 11.947 5.776Z" />
    </svg>
  );
}

Vue

Vue: see /icons/pillow.md

Svelte

Svelte: see /icons/pillow.md

HTML img

HTML img: see /icons/pillow.md

CSS

CSS: see /icons/pillow.md

Data URL

Data URL: see /icons/pillow.md

Sprite

Sprite: see /icons/pillow.md

SwiftUI

SwiftUI: see /icons/pillow.md

Compose

Compose: see /icons/pillow.md

Android XML

Android XML: see /icons/pillow.md

Flutter

Flutter: see /icons/pillow.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.

Meaning

Use it for

pillow, cushion, sleep comfort

Tags

pillow, cushion, sleep, bed, bedding, comfort, rest, hotel

Category

Home & household

Component name

PillowIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

More home & household icons

air-freshener air-purifier air-vent armchair baby-changing bath bed bed-bunk bed-double bed-off bed-person bed-plus bed-single blanket blender blinds · all home & household icons

For agents

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

pillow icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More home & household icons

For agents

pillow icon