apron icon

Apron: apron, kitchen apron, kitchen staff. 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="M5 4C5 3.619 5.07 3.25 5.211 2.896C5.363 2.511 5.586 2.172 5.879 1.879C6.172 1.586 6.511 1.363 6.896 1.211C7.25 1.07 7.619 1 8 1C8.381 1 8.75 1.07 9.104 1.211C9.489 1.363 9.828 1.586 10.121 1.879C10.414 2.172 10.637 2.511 10.789 2.896C10.93 3.25 11 3.619 11 4L11 4.182C11 4.301 10.953 4.416 10.869 4.5C10.956 4.649 11 4.815 11 5L11 7L11.5 7C11.9 7 12.253 7.128 12.558 7.383C12.689 7.209 12.925 7.154 13.12 7.251L14.724 8.053C14.85 8.116 14.934 8.212 14.977 8.341C15.02 8.47 15.01 8.598 14.947 8.724C14.884 8.85 14.788 8.934 14.659 8.977C14.53 9.02 14.402 9.01 14.276 8.947L13.129 8.374C13.132 8.389 13.134 8.404 13.136 8.419L13.75 12.717C13.789 12.99 13.773 13.259 13.7 13.525C13.62 13.819 13.481 14.081 13.281 14.31C13.082 14.54 12.843 14.716 12.563 14.836C12.31 14.945 12.046 15 11.77 15L4.23 15C3.954 15 3.69 14.945 3.437 14.836C3.157 14.716 2.918 14.54 2.719 14.31C2.519 14.081 2.38 13.819 2.3 13.525C2.227 13.259 2.211 12.99 2.25 12.717L2.864 8.419C2.866 8.404 2.868 8.389 2.871 8.374L1.724 8.947C1.598 9.01 1.47 9.02 1.341 8.977C1.212 8.934 1.116 8.85 1.053 8.724C0.99 8.598 0.98 8.47 1.023 8.341C1.066 8.212 1.15 8.116 1.276 8.053L2.88 7.251C3.075 7.154 3.311 7.209 3.442 7.383C3.747 7.128 4.1 7 4.5 7L5 7L5 5C5 4.815 5.044 4.649 5.131 4.5C5.047 4.416 5 4.301 5 4.182L5 4ZM9.86 3.264C9.758 3.007 9.609 2.781 9.414 2.586C9.219 2.391 8.993 2.242 8.736 2.14C8.5 2.047 8.254 2 8 2C7.746 2 7.5 2.047 7.264 2.14C7.007 2.242 6.781 2.391 6.586 2.586C6.391 2.781 6.242 3.007 6.14 3.264C6.047 3.5 6 3.746 6 4L10 4C10 3.746 9.953 3.5 9.86 3.264ZM5.707 7.707C5.512 7.902 5.276 8 5 8L4.5 8C4.338 8 4.195 8.053 4.072 8.16C3.949 8.266 3.877 8.4 3.854 8.561L3.24 12.859C3.22 12.995 3.228 13.13 3.265 13.263C3.305 13.409 3.374 13.54 3.474 13.655C3.574 13.77 3.693 13.858 3.833 13.918C3.96 13.973 4.092 14 4.23 14L11.77 14C11.908 14 12.04 13.973 12.167 13.918C12.307 13.858 12.426 13.77 12.526 13.655C12.626 13.54 12.695 13.409 12.735 13.263C12.772 13.13 12.78 12.995 12.76 12.859L12.146 8.561C12.123 8.4 12.051 8.266 11.928 8.16C11.805 8.053 11.662 8 11.5 8L11 8C10.724 8 10.488 7.902 10.293 7.707C10.098 7.512 10 7.276 10 7L10 5L6 5L6 7C6 7.276 5.902 7.512 5.707 7.707ZM6.22 11.78C6.366 11.927 6.543 12 6.75 12L9.25 12C9.457 12 9.634 11.927 9.78 11.78C9.927 11.634 10 11.457 10 11.25L10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10C10.641 10 10.759 10.048 10.856 10.144C10.952 10.241 11 10.359 11 10.5L11 11.25C11 11.473 10.959 11.687 10.877 11.894C10.788 12.119 10.658 12.317 10.487 12.487C10.317 12.658 10.119 12.788 9.894 12.877C9.687 12.959 9.473 13 9.25 13L6.75 13C6.527 13 6.313 12.959 6.106 12.877C5.881 12.788 5.683 12.658 5.513 12.487C5.342 12.317 5.212 12.119 5.123 11.894C5.041 11.687 5 11.473 5 11.25L5 10.5C5 10.359 5.048 10.241 5.144 10.144C5.241 10.048 5.359 10 5.5 10C5.641 10 5.759 10.048 5.856 10.144C5.952 10.241 6 10.359 6 10.5L6 11.25C6 11.457 6.073 11.634 6.22 11.78Z"/></svg>

React

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

export function ApronIcon(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="M5 4C5 3.619 5.07 3.25 5.211 2.896C5.363 2.511 5.586 2.172 5.879 1.879C6.172 1.586 6.511 1.363 6.896 1.211C7.25 1.07 7.619 1 8 1C8.381 1 8.75 1.07 9.104 1.211C9.489 1.363 9.828 1.586 10.121 1.879C10.414 2.172 10.637 2.511 10.789 2.896C10.93 3.25 11 3.619 11 4L11 4.182C11 4.301 10.953 4.416 10.869 4.5C10.956 4.649 11 4.815 11 5L11 7L11.5 7C11.9 7 12.253 7.128 12.558 7.383C12.689 7.209 12.925 7.154 13.12 7.251L14.724 8.053C14.85 8.116 14.934 8.212 14.977 8.341C15.02 8.47 15.01 8.598 14.947 8.724C14.884 8.85 14.788 8.934 14.659 8.977C14.53 9.02 14.402 9.01 14.276 8.947L13.129 8.374C13.132 8.389 13.134 8.404 13.136 8.419L13.75 12.717C13.789 12.99 13.773 13.259 13.7 13.525C13.62 13.819 13.481 14.081 13.281 14.31C13.082 14.54 12.843 14.716 12.563 14.836C12.31 14.945 12.046 15 11.77 15L4.23 15C3.954 15 3.69 14.945 3.437 14.836C3.157 14.716 2.918 14.54 2.719 14.31C2.519 14.081 2.38 13.819 2.3 13.525C2.227 13.259 2.211 12.99 2.25 12.717L2.864 8.419C2.866 8.404 2.868 8.389 2.871 8.374L1.724 8.947C1.598 9.01 1.47 9.02 1.341 8.977C1.212 8.934 1.116 8.85 1.053 8.724C0.99 8.598 0.98 8.47 1.023 8.341C1.066 8.212 1.15 8.116 1.276 8.053L2.88 7.251C3.075 7.154 3.311 7.209 3.442 7.383C3.747 7.128 4.1 7 4.5 7L5 7L5 5C5 4.815 5.044 4.649 5.131 4.5C5.047 4.416 5 4.301 5 4.182L5 4ZM9.86 3.264C9.758 3.007 9.609 2.781 9.414 2.586C9.219 2.391 8.993 2.242 8.736 2.14C8.5 2.047 8.254 2 8 2C7.746 2 7.5 2.047 7.264 2.14C7.007 2.242 6.781 2.391 6.586 2.586C6.391 2.781 6.242 3.007 6.14 3.264C6.047 3.5 6 3.746 6 4L10 4C10 3.746 9.953 3.5 9.86 3.264ZM5.707 7.707C5.512 7.902 5.276 8 5 8L4.5 8C4.338 8 4.195 8.053 4.072 8.16C3.949 8.266 3.877 8.4 3.854 8.561L3.24 12.859C3.22 12.995 3.228 13.13 3.265 13.263C3.305 13.409 3.374 13.54 3.474 13.655C3.574 13.77 3.693 13.858 3.833 13.918C3.96 13.973 4.092 14 4.23 14L11.77 14C11.908 14 12.04 13.973 12.167 13.918C12.307 13.858 12.426 13.77 12.526 13.655C12.626 13.54 12.695 13.409 12.735 13.263C12.772 13.13 12.78 12.995 12.76 12.859L12.146 8.561C12.123 8.4 12.051 8.266 11.928 8.16C11.805 8.053 11.662 8 11.5 8L11 8C10.724 8 10.488 7.902 10.293 7.707C10.098 7.512 10 7.276 10 7L10 5L6 5L6 7C6 7.276 5.902 7.512 5.707 7.707ZM6.22 11.78C6.366 11.927 6.543 12 6.75 12L9.25 12C9.457 12 9.634 11.927 9.78 11.78C9.927 11.634 10 11.457 10 11.25L10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10C10.641 10 10.759 10.048 10.856 10.144C10.952 10.241 11 10.359 11 10.5L11 11.25C11 11.473 10.959 11.687 10.877 11.894C10.788 12.119 10.658 12.317 10.487 12.487C10.317 12.658 10.119 12.788 9.894 12.877C9.687 12.959 9.473 13 9.25 13L6.75 13C6.527 13 6.313 12.959 6.106 12.877C5.881 12.788 5.683 12.658 5.513 12.487C5.342 12.317 5.212 12.119 5.123 11.894C5.041 11.687 5 11.473 5 11.25L5 10.5C5 10.359 5.048 10.241 5.144 10.144C5.241 10.048 5.359 10 5.5 10C5.641 10 5.759 10.048 5.856 10.144C5.952 10.241 6 10.359 6 10.5L6 11.25C6 11.457 6.073 11.634 6.22 11.78Z" />
    </svg>
  );
}

Vue

Vue: see /icons/apron.md

Svelte

Svelte: see /icons/apron.md

HTML img

HTML img: see /icons/apron.md

CSS

CSS: see /icons/apron.md

Data URL

Data URL: see /icons/apron.md

Sprite

Sprite: see /icons/apron.md

SwiftUI

SwiftUI: see /icons/apron.md

Compose

Compose: see /icons/apron.md

Android XML

Android XML: see /icons/apron.md

Flutter

Flutter: see /icons/apron.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 { ApronIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

apron, kitchen apron, kitchen staff

Tags

apron, kitchen, cook, chef, staff, uniform, restaurant, cooking, bib, clothing

Category

Food & drink

Component name

ApronIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.6.0

Since

version 0.6.0

More food & drink icons

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

For agents

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

apron 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

apron icon