sandwich icon

Sandwich: sandwich, lunch, lunchtime, lunch break. 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="M6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L13.447 3.915C13.617 3.999 13.751 4.122 13.851 4.283C13.95 4.444 14 4.62 14 4.809L14 6C14 6.276 13.902 6.512 13.707 6.707C13.512 6.902 13.276 7 13 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 4.809C1 4.62 1.05 4.444 1.149 4.283C1.249 4.122 1.383 3.999 1.553 3.915L6.382 1.5ZM7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L3.618 4L11.382 4L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236ZM2 6L13 6L13 5L2 5L2 6ZM4.837 8.915C4.905 8.874 5.009 8.784 5.146 8.646C5.342 8.451 5.51 8.311 5.649 8.228C5.902 8.076 6.185 8 6.5 8L8.5 8C8.815 8 9.098 8.076 9.351 8.228C9.49 8.311 9.658 8.451 9.854 8.646C9.991 8.784 10.095 8.874 10.163 8.915C10.258 8.972 10.37 9 10.5 9L11.5 9C11.63 9 11.742 8.972 11.837 8.915C11.905 8.874 12.009 8.784 12.146 8.646C12.342 8.451 12.51 8.311 12.649 8.228C12.902 8.076 13.185 8 13.5 8C13.641 8 13.759 8.048 13.856 8.144C13.952 8.241 14 8.359 14 8.5C14 8.641 13.952 8.759 13.856 8.856C13.759 8.952 13.641 9 13.5 9C13.37 9 13.258 9.028 13.163 9.085C13.095 9.126 12.991 9.216 12.854 9.354C12.658 9.549 12.49 9.689 12.351 9.772C12.098 9.924 11.815 10 11.5 10L10.5 10C10.185 10 9.902 9.924 9.649 9.772C9.51 9.689 9.342 9.549 9.146 9.354C9.009 9.216 8.905 9.126 8.837 9.085C8.742 9.028 8.63 9 8.5 9L6.5 9C6.37 9 6.258 9.028 6.163 9.085C6.095 9.126 5.991 9.216 5.854 9.354C5.658 9.549 5.49 9.689 5.351 9.772C5.098 9.924 4.815 10 4.5 10L3.5 10C3.185 10 2.902 9.924 2.649 9.772C2.51 9.689 2.342 9.549 2.146 9.354C2.009 9.216 1.905 9.126 1.837 9.085C1.742 9.028 1.63 9 1.5 9C1.359 9 1.241 8.952 1.144 8.856C1.048 8.759 1 8.641 1 8.5C1 8.359 1.048 8.241 1.144 8.144C1.241 8.048 1.359 8 1.5 8C1.815 8 2.098 8.076 2.351 8.228C2.49 8.311 2.658 8.451 2.854 8.646C2.991 8.784 3.095 8.874 3.163 8.915C3.258 8.972 3.37 9 3.5 9L4.5 9C4.63 9 4.742 8.972 4.837 8.915ZM13.707 13.707C13.512 13.902 13.276 14 13 14L2 14C1.724 14 1.488 13.902 1.293 13.707C1.098 13.512 1 13.276 1 13L1 12C1 11.724 1.098 11.488 1.293 11.293C1.488 11.098 1.724 11 2 11L13 11C13.276 11 13.512 11.098 13.707 11.293C13.902 11.488 14 11.724 14 12L14 13C14 13.276 13.902 13.512 13.707 13.707ZM13 12L2 12L2 13L13 13L13 12Z"/></svg>

React

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

export function SandwichIcon(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="M6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L13.447 3.915C13.617 3.999 13.751 4.122 13.851 4.283C13.95 4.444 14 4.62 14 4.809L14 6C14 6.276 13.902 6.512 13.707 6.707C13.512 6.902 13.276 7 13 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 4.809C1 4.62 1.05 4.444 1.149 4.283C1.249 4.122 1.383 3.999 1.553 3.915L6.382 1.5ZM7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L3.618 4L11.382 4L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236ZM2 6L13 6L13 5L2 5L2 6ZM4.837 8.915C4.905 8.874 5.009 8.784 5.146 8.646C5.342 8.451 5.51 8.311 5.649 8.228C5.902 8.076 6.185 8 6.5 8L8.5 8C8.815 8 9.098 8.076 9.351 8.228C9.49 8.311 9.658 8.451 9.854 8.646C9.991 8.784 10.095 8.874 10.163 8.915C10.258 8.972 10.37 9 10.5 9L11.5 9C11.63 9 11.742 8.972 11.837 8.915C11.905 8.874 12.009 8.784 12.146 8.646C12.342 8.451 12.51 8.311 12.649 8.228C12.902 8.076 13.185 8 13.5 8C13.641 8 13.759 8.048 13.856 8.144C13.952 8.241 14 8.359 14 8.5C14 8.641 13.952 8.759 13.856 8.856C13.759 8.952 13.641 9 13.5 9C13.37 9 13.258 9.028 13.163 9.085C13.095 9.126 12.991 9.216 12.854 9.354C12.658 9.549 12.49 9.689 12.351 9.772C12.098 9.924 11.815 10 11.5 10L10.5 10C10.185 10 9.902 9.924 9.649 9.772C9.51 9.689 9.342 9.549 9.146 9.354C9.009 9.216 8.905 9.126 8.837 9.085C8.742 9.028 8.63 9 8.5 9L6.5 9C6.37 9 6.258 9.028 6.163 9.085C6.095 9.126 5.991 9.216 5.854 9.354C5.658 9.549 5.49 9.689 5.351 9.772C5.098 9.924 4.815 10 4.5 10L3.5 10C3.185 10 2.902 9.924 2.649 9.772C2.51 9.689 2.342 9.549 2.146 9.354C2.009 9.216 1.905 9.126 1.837 9.085C1.742 9.028 1.63 9 1.5 9C1.359 9 1.241 8.952 1.144 8.856C1.048 8.759 1 8.641 1 8.5C1 8.359 1.048 8.241 1.144 8.144C1.241 8.048 1.359 8 1.5 8C1.815 8 2.098 8.076 2.351 8.228C2.49 8.311 2.658 8.451 2.854 8.646C2.991 8.784 3.095 8.874 3.163 8.915C3.258 8.972 3.37 9 3.5 9L4.5 9C4.63 9 4.742 8.972 4.837 8.915ZM13.707 13.707C13.512 13.902 13.276 14 13 14L2 14C1.724 14 1.488 13.902 1.293 13.707C1.098 13.512 1 13.276 1 13L1 12C1 11.724 1.098 11.488 1.293 11.293C1.488 11.098 1.724 11 2 11L13 11C13.276 11 13.512 11.098 13.707 11.293C13.902 11.488 14 11.724 14 12L14 13C14 13.276 13.902 13.512 13.707 13.707ZM13 12L2 12L2 13L13 13L13 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/sandwich.md

Svelte

Svelte: see /icons/sandwich.md

HTML img

HTML img: see /icons/sandwich.md

CSS

CSS: see /icons/sandwich.md

Data URL

Data URL: see /icons/sandwich.md

Sprite

Sprite: see /icons/sandwich.md

SwiftUI

SwiftUI: see /icons/sandwich.md

Compose

Compose: see /icons/sandwich.md

Android XML

Android XML: see /icons/sandwich.md

Flutter

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

Meaning

Use it for

sandwich, lunch, lunchtime, lunch break

Alternatives

utensils: a meal in general

Tags

sandwich, lunch

Category

Food & drink

Component name

SandwichIcon

History

2026-10-30 added

More food & drink icons

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

For agents

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

sandwich icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More food & drink icons

For agents

sandwich icon