utensils icon

Utensils: restaurant, dining, cutlery, meal. 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="M3.105 6.052C3.182 6.245 3.293 6.414 3.439 6.561C3.586 6.707 3.755 6.818 3.948 6.895C3.965 6.902 3.983 6.908 4 6.914L4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5L5 6.914C5.017 6.908 5.035 6.902 5.052 6.895C5.245 6.818 5.414 6.707 5.561 6.561C5.707 6.414 5.818 6.245 5.895 6.052C5.965 5.875 6 5.691 6 5.5L6 1.5C6 1.359 6.048 1.241 6.144 1.144C6.241 1.048 6.359 1 6.5 1C6.641 1 6.759 1.048 6.856 1.144C6.952 1.241 7 1.359 7 1.5L7 5.5C7 5.818 6.941 6.125 6.824 6.42C6.697 6.741 6.512 7.024 6.268 7.268C6.024 7.512 5.741 7.697 5.42 7.824C5.283 7.879 5.142 7.921 5 7.95L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5L4 7.95C3.857 7.921 3.717 7.879 3.58 7.824C3.259 7.697 2.976 7.512 2.732 7.268C2.488 7.024 2.303 6.741 2.176 6.42C2.059 6.125 2 5.818 2 5.5L2 1.5C2 1.359 2.048 1.241 2.144 1.144C2.241 1.048 2.359 1 2.5 1C2.641 1 2.759 1.048 2.856 1.144C2.952 1.241 3 1.359 3 1.5L3 5.5C3 5.691 3.035 5.875 3.105 6.052ZM12.856 14.856C12.759 14.952 12.641 15 12.5 15C12.359 15 12.241 14.952 12.144 14.856C12.048 14.759 12 14.641 12 14.5L12 10L9.5 10C9.359 10 9.241 9.952 9.144 9.856C9.048 9.759 9 9.641 9 9.5L9 4.5C9 4.055 9.082 3.625 9.246 3.212C9.424 2.762 9.683 2.367 10.025 2.025C10.367 1.683 10.762 1.424 11.212 1.246C11.625 1.082 12.055 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 14.5C13 14.641 12.952 14.759 12.856 14.856ZM11.58 2.176C11.259 2.303 10.976 2.488 10.732 2.732C10.488 2.976 10.303 3.259 10.176 3.58C10.059 3.875 10 4.182 10 4.5L10 9L12 9L12 2.05C11.858 2.079 11.717 2.121 11.58 2.176Z"/></svg>

React

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

export function UtensilsIcon(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="M3.105 6.052C3.182 6.245 3.293 6.414 3.439 6.561C3.586 6.707 3.755 6.818 3.948 6.895C3.965 6.902 3.983 6.908 4 6.914L4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5L5 6.914C5.017 6.908 5.035 6.902 5.052 6.895C5.245 6.818 5.414 6.707 5.561 6.561C5.707 6.414 5.818 6.245 5.895 6.052C5.965 5.875 6 5.691 6 5.5L6 1.5C6 1.359 6.048 1.241 6.144 1.144C6.241 1.048 6.359 1 6.5 1C6.641 1 6.759 1.048 6.856 1.144C6.952 1.241 7 1.359 7 1.5L7 5.5C7 5.818 6.941 6.125 6.824 6.42C6.697 6.741 6.512 7.024 6.268 7.268C6.024 7.512 5.741 7.697 5.42 7.824C5.283 7.879 5.142 7.921 5 7.95L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5L4 7.95C3.857 7.921 3.717 7.879 3.58 7.824C3.259 7.697 2.976 7.512 2.732 7.268C2.488 7.024 2.303 6.741 2.176 6.42C2.059 6.125 2 5.818 2 5.5L2 1.5C2 1.359 2.048 1.241 2.144 1.144C2.241 1.048 2.359 1 2.5 1C2.641 1 2.759 1.048 2.856 1.144C2.952 1.241 3 1.359 3 1.5L3 5.5C3 5.691 3.035 5.875 3.105 6.052ZM12.856 14.856C12.759 14.952 12.641 15 12.5 15C12.359 15 12.241 14.952 12.144 14.856C12.048 14.759 12 14.641 12 14.5L12 10L9.5 10C9.359 10 9.241 9.952 9.144 9.856C9.048 9.759 9 9.641 9 9.5L9 4.5C9 4.055 9.082 3.625 9.246 3.212C9.424 2.762 9.683 2.367 10.025 2.025C10.367 1.683 10.762 1.424 11.212 1.246C11.625 1.082 12.055 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 14.5C13 14.641 12.952 14.759 12.856 14.856ZM11.58 2.176C11.259 2.303 10.976 2.488 10.732 2.732C10.488 2.976 10.303 3.259 10.176 3.58C10.059 3.875 10 4.182 10 4.5L10 9L12 9L12 2.05C11.858 2.079 11.717 2.121 11.58 2.176Z" />
    </svg>
  );
}

Vue

Vue: see /icons/utensils.md

Svelte

Svelte: see /icons/utensils.md

HTML img

HTML img: see /icons/utensils.md

CSS

CSS: see /icons/utensils.md

Data URL

Data URL: see /icons/utensils.md

Sprite

Sprite: see /icons/utensils.md

SwiftUI

SwiftUI: see /icons/utensils.md

Compose

Compose: see /icons/utensils.md

Android XML

Android XML: see /icons/utensils.md

Flutter

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

restaurant, dining, cutlery, meal, eatery, eat out, local dining, silverware, flatware, tableware, fork and knife, meals, food, dinner

Alternatives

utensils-crossed: the crossed fork and knife, Material's restaurant convention
dining-table: a table reservation
chef-hat: cuisine or a chef
bowl: a dish or a bowl

Also fits

git fork: a dining fork (cutlery)
dish: a meal or a restaurant
cuisine: a restaurant or dining
knife: cutlery or a restaurant
lunch: a meal in general
table reservation: a restaurant or dining as a place
room service: a restaurant or dining

Tags

utensils, fork, knife, cutlery, restaurant, dining, meal, food, eat, dinner, lunch

Category

Food & drink

Component name

UtensilsIcon

History

2026-10-15 added

More food & drink icons

apple bean bean-off beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cookie cookie-off cooking-pot · all food & drink icons

For agents

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

utensils 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

utensils icon