gentleface

Gentleface › Home & household › frying-pan

frying-pan icon

Frying pan: frying pan, skillet, frying, fry. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M4.856 6.856C4.759 6.952 4.641 7 4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 4.5C4 4.359 4.048 4.241 4.144 4.144C4.241 4.048 4.359 4 4.5 4C4.641 4 4.759 4.048 4.856 4.144C4.952 4.241 5 4.359 5 4.5L5 6.5C5 6.641 4.952 6.759 4.856 6.856ZM6.856 6.856C6.759 6.952 6.641 7 6.5 7C6.359 7 6.241 6.952 6.144 6.856C6.048 6.759 6 6.641 6 6.5L6 4.5C6 4.359 6.048 4.241 6.144 4.144C6.241 4.048 6.359 4 6.5 4C6.641 4 6.759 4.048 6.856 4.144C6.952 4.241 7 4.359 7 4.5L7 6.5C7 6.641 6.952 6.759 6.856 6.856ZM8.144 4.144C8.241 4.048 8.359 4 8.5 4C8.641 4 8.759 4.048 8.856 4.144C8.952 4.241 9 4.359 9 4.5L9 6.5C9 6.641 8.952 6.759 8.856 6.856C8.759 6.952 8.641 7 8.5 7C8.359 7 8.241 6.952 8.144 6.856C8.048 6.759 8 6.641 8 6.5L8 4.5C8 4.359 8.048 4.241 8.144 4.144ZM14.276 6.053C14.402 5.99 14.53 5.98 14.659 6.023C14.788 6.066 14.884 6.15 14.947 6.276C15.009 6.4 15.018 6.527 14.974 6.658C14.931 6.789 14.847 6.885 14.724 6.947L11.968 8.325C11.989 8.381 12 8.44 12 8.5C12 8.505 12 8.51 12 8.515L12 8.518C11.999 8.523 11.999 8.528 11.999 8.533C11.936 9.481 11.696 10.253 11.278 10.849C11.025 11.211 10.716 11.489 10.35 11.684C9.953 11.895 9.503 12 9 12L4 12C3.497 12 3.047 11.895 2.65 11.684C2.284 11.489 1.975 11.211 1.722 10.849C1.304 10.253 1.064 9.481 1.001 8.533C0.992 8.393 1.032 8.271 1.121 8.169C1.211 8.066 1.326 8.01 1.467 8.001C1.472 8.001 1.477 8.001 1.482 8L1.485 8C1.49 8 1.495 8 1.5 8L10.382 8L14.276 6.053ZM10.94 9L2.06 9C2.146 9.516 2.307 9.941 2.541 10.276C2.879 10.759 3.365 11 4 11L9 11C9.635 11 10.121 10.759 10.459 10.276C10.693 9.941 10.854 9.516 10.94 9Z"/></svg>
React
// Gentleface "frying-pan" (line-round), MIT. https://gentleface.com/icons/frying-pan
import type { SVGProps } from 'react';

export function FryingPanIcon(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="M4.856 6.856C4.759 6.952 4.641 7 4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 4.5C4 4.359 4.048 4.241 4.144 4.144C4.241 4.048 4.359 4 4.5 4C4.641 4 4.759 4.048 4.856 4.144C4.952 4.241 5 4.359 5 4.5L5 6.5C5 6.641 4.952 6.759 4.856 6.856ZM6.856 6.856C6.759 6.952 6.641 7 6.5 7C6.359 7 6.241 6.952 6.144 6.856C6.048 6.759 6 6.641 6 6.5L6 4.5C6 4.359 6.048 4.241 6.144 4.144C6.241 4.048 6.359 4 6.5 4C6.641 4 6.759 4.048 6.856 4.144C6.952 4.241 7 4.359 7 4.5L7 6.5C7 6.641 6.952 6.759 6.856 6.856ZM8.144 4.144C8.241 4.048 8.359 4 8.5 4C8.641 4 8.759 4.048 8.856 4.144C8.952 4.241 9 4.359 9 4.5L9 6.5C9 6.641 8.952 6.759 8.856 6.856C8.759 6.952 8.641 7 8.5 7C8.359 7 8.241 6.952 8.144 6.856C8.048 6.759 8 6.641 8 6.5L8 4.5C8 4.359 8.048 4.241 8.144 4.144ZM14.276 6.053C14.402 5.99 14.53 5.98 14.659 6.023C14.788 6.066 14.884 6.15 14.947 6.276C15.009 6.4 15.018 6.527 14.974 6.658C14.931 6.789 14.847 6.885 14.724 6.947L11.968 8.325C11.989 8.381 12 8.44 12 8.5C12 8.505 12 8.51 12 8.515L12 8.518C11.999 8.523 11.999 8.528 11.999 8.533C11.936 9.481 11.696 10.253 11.278 10.849C11.025 11.211 10.716 11.489 10.35 11.684C9.953 11.895 9.503 12 9 12L4 12C3.497 12 3.047 11.895 2.65 11.684C2.284 11.489 1.975 11.211 1.722 10.849C1.304 10.253 1.064 9.481 1.001 8.533C0.992 8.393 1.032 8.271 1.121 8.169C1.211 8.066 1.326 8.01 1.467 8.001C1.472 8.001 1.477 8.001 1.482 8L1.485 8C1.49 8 1.495 8 1.5 8L10.382 8L14.276 6.053ZM10.94 9L2.06 9C2.146 9.516 2.307 9.941 2.541 10.276C2.879 10.759 3.365 11 4 11L9 11C9.635 11 10.121 10.759 10.459 10.276C10.693 9.941 10.854 9.516 10.94 9Z" />
    </svg>
  );
}
Vue
Vue: see /icons/frying-pan.md
Svelte
Svelte: see /icons/frying-pan.md
HTML img
HTML img: see /icons/frying-pan.md
CSS
CSS: see /icons/frying-pan.md
Data URL
Data URL: see /icons/frying-pan.md
Sprite
Sprite: see /icons/frying-pan.md
SwiftUI
SwiftUI: see /icons/frying-pan.md
Compose
Compose: see /icons/frying-pan.md
Android XML
Android XML: see /icons/frying-pan.md
Flutter
Flutter: see /icons/frying-pan.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.

With npm: import { FryingPanIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
frying pan, skillet, frying, fry, saute
Alternatives
  • cooking-pot: cooking in general
  • stove: the cooktop or hob
Also fits
  • cooking: frying
Tags
frying-pan
Category
Home & household
Component name
FryingPanIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More home & household icons

armchair bath bed bed-double bed-person bed-single blender blinds broom bucket candle chair desk dishwasher door door-lock · all home & household icons

For agents

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