# frying-pan icon Frying pan. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/frying-pan - Category: Home & household - Use it for: frying pan, skillet, frying, fry, saute - Tags: frying-pan - Component name: FryingPanIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { FryingPanIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Alternatives - `cooking-pot`: cooking in general - `stove`: the cooktop or hob ## Also fits - cooking: frying ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/frying-pan.svg · PNG https://gentleface.com/png/line-round/16/frying-pan.png · https://gentleface.com/png/line-round/32/frying-pan.png · https://gentleface.com/png/line-round/48/frying-pan.png - line-soft: https://gentleface.com/svg/line-soft/16/frying-pan.svg · PNG https://gentleface.com/png/line-soft/16/frying-pan.png · https://gentleface.com/png/line-soft/32/frying-pan.png · https://gentleface.com/png/line-soft/48/frying-pan.png - line-sharp: https://gentleface.com/svg/line-sharp/16/frying-pan.svg · PNG https://gentleface.com/png/line-sharp/16/frying-pan.png · https://gentleface.com/png/line-sharp/32/frying-pan.png · https://gentleface.com/png/line-sharp/48/frying-pan.png - solid-round: https://gentleface.com/svg/solid-round/16/frying-pan.svg · PNG https://gentleface.com/png/solid-round/16/frying-pan.png · https://gentleface.com/png/solid-round/32/frying-pan.png · https://gentleface.com/png/solid-round/48/frying-pan.png - solid-soft: https://gentleface.com/svg/solid-soft/16/frying-pan.svg · PNG https://gentleface.com/png/solid-soft/16/frying-pan.png · https://gentleface.com/png/solid-soft/32/frying-pan.png · https://gentleface.com/png/solid-soft/48/frying-pan.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/frying-pan.svg · PNG https://gentleface.com/png/solid-sharp/16/frying-pan.png · https://gentleface.com/png/solid-sharp/32/frying-pan.png · https://gentleface.com/png/solid-sharp/48/frying-pan.png The SVG of every style: https://gentleface.com/icons/frying-pan.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "frying-pan" (line-round), MIT. https://gentleface.com/icons/frying-pan import type { SVGProps } from 'react'; export function FryingPanIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "frying-pan" (line-round), MIT. https://gentleface.com/icons/frying-pan. Takes the text color. */ .icon-frying-pan { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "frying-pan" (line-round), MIT. https://gentleface.com/icons/frying-pan import SwiftUI struct FryingPanIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 4.856, y: 6.856)) p.addCurve(to: CGPoint(x: 4.5, y: 7), control1: CGPoint(x: 4.759, y: 6.952), control2: CGPoint(x: 4.641, y: 7)) p.addCurve(to: CGPoint(x: 4.144, y: 6.856), control1: CGPoint(x: 4.359, y: 7), control2: CGPoint(x: 4.241, y: 6.952)) p.addCurve(to: CGPoint(x: 4, y: 6.5), control1: CGPoint(x: 4.048, y: 6.759), control2: CGPoint(x: 4, y: 6.641)) p.addLine(to: CGPoint(x: 4, y: 4.5)) p.addCurve(to: CGPoint(x: 4.144, y: 4.144), control1: CGPoint(x: 4, y: 4.359), control2: CGPoint(x: 4.048, y: 4.241)) p.addCurve(to: CGPoint(x: 4.5, y: 4), control1: CGPoint(x: 4.241, y: 4.048), control2: CGPoint(x: 4.359, y: 4)) p.addCurve(to: CGPoint(x: 4.856, y: 4.144), control1: CGPoint(x: 4.641, y: 4), control2: CGPoint(x: 4.759, y: 4.048)) p.addCurve(to: CGPoint(x: 5, y: 4.5), control1: CGPoint(x: 4.952, y: 4.241), control2: CGPoint(x: 5, y: 4.359)) p.addLine(to: CGPoint(x: 5, y: 6.5)) p.addCurve(to: CGPoint(x: 4.856, y: 6.856), control1: CGPoint(x: 5, y: 6.641), control2: CGPoint(x: 4.952, y: 6.759)) p.closeSubpath() p.move(to: CGPoint(x: 6.856, y: 6.856)) p.addCurve(to: CGPoint(x: 6.5, y: 7), control1: CGPoint(x: 6.759, y: 6.952), control2: CGPoint(x: 6.641, y: 7)) p.addCurve(to: CGPoint(x: 6.144, y: 6.856), control1: CGPoint(x: 6.359, y: 7), control2: CGPoint(x: 6.241, y: 6.952)) p.addCurve(to: CGPoint(x: 6, y: 6.5), control1: CGPoint(x: 6.048, y: 6.759), control2: CGPoint(x: 6, y: 6.641)) p.addLine(to: CGPoint(x: 6, y: 4.5)) p.addCurve(to: CGPoint(x: 6.144, y: 4.144), control1: CGPoint(x: 6, y: 4.359), control2: CGPoint(x: 6.048, y: 4.241)) p.addCurve(to: CGPoint(x: 6.5, y: 4), control1: CGPoint(x: 6.241, y: 4.048), control2: CGPoint(x: 6.359, y: 4)) p.addCurve(to: CGPoint(x: 6.856, y: 4.144), control1: CGPoint(x: 6.641, y: 4), control2: CGPoint(x: 6.759, y: 4.048)) p.addCurve(to: CGPoint(x: 7, y: 4.5), control1: CGPoint(x: 6.952, y: 4.241), control2: CGPoint(x: 7, y: 4.359)) p.addLine(to: CGPoint(x: 7, y: 6.5)) p.addCurve(to: CGPoint(x: 6.856, y: 6.856), control1: CGPoint(x: 7, y: 6.641), control2: CGPoint(x: 6.952, y: 6.759)) p.closeSubpath() p.move(to: CGPoint(x: 8.144, y: 4.144)) p.addCurve(to: CGPoint(x: 8.5, y: 4), control1: CGPoint(x: 8.241, y: 4.048), control2: CGPoint(x: 8.359, y: 4)) p.addCurve(to: CGPoint(x: 8.856, y: 4.144), control1: CGPoint(x: 8.641, y: 4), control2: CGPoint(x: 8.759, y: 4.048)) p.addCurve(to: CGPoint(x: 9, y: 4.5), control1: CGPoint(x: 8.952, y: 4.241), control2: CGPoint(x: 9, y: 4.359)) p.addLine(to: CGPoint(x: 9, y: 6.5)) p.addCurve(to: CGPoint(x: 8.856, y: 6.856), control1: CGPoint(x: 9, y: 6.641), control2: CGPoint(x: 8.952, y: 6.759)) p.addCurve(to: CGPoint(x: 8.5, y: 7), control1: CGPoint(x: 8.759, y: 6.952), control2: CGPoint(x: 8.641, y: 7)) p.addCurve(to: CGPoint(x: 8.144, y: 6.856), control1: CGPoint(x: 8.359, y: 7), control2: CGPoint(x: 8.241, y: 6.952)) p.addCurve(to: CGPoint(x: 8, y: 6.5), control1: CGPoint(x: 8.048, y: 6.759), control2: CGPoint(x: 8, y: 6.641)) p.addLine(to: CGPoint(x: 8, y: 4.5)) p.addCurve(to: CGPoint(x: 8.144, y: 4.144), control1: CGPoint(x: 8, y: 4.359), control2: CGPoint(x: 8.048, y: 4.241)) p.closeSubpath() p.move(to: CGPoint(x: 14.276, y: 6.053)) p.addCurve(to: CGPoint(x: 14.659, y: 6.023), control1: CGPoint(x: 14.402, y: 5.99), control2: CGPoint(x: 14.53, y: 5.98)) p.addCurve(to: CGPoint(x: 14.947, y: 6.276), control1: CGPoint(x: 14.788, y: 6.066), control2: CGPoint(x: 14.884, y: 6.15)) p.addCurve(to: CGPoint(x: 14.974, y: 6.658), control1: CGPoint(x: 15.009, y: 6.4), control2: CGPoint(x: 15.018, y: 6.527)) p.addCurve(to: CGPoint(x: 14.724, y: 6.947), control1: CGPoint(x: 14.931, y: 6.789), control2: CGPoint(x: 14.847, y: 6.885)) p.addLine(to: CGPoint(x: 11.968, y: 8.325)) p.addCurve(to: CGPoint(x: 12, y: 8.5), control1: CGPoint(x: 11.989, y: 8.381), control2: CGPoint(x: 12, y: 8.44)) p.addCurve(to: CGPoint(x: 12, y: 8.515), control1: CGPoint(x: 12, y: 8.505), control2: CGPoint(x: 12, y: 8.51)) p.addLine(to: CGPoint(x: 12, y: 8.518)) p.addCurve(to: CGPoint(x: 11.999, y: 8.533), control1: CGPoint(x: 11.999, y: 8.523), control2: CGPoint(x: 11.999, y: 8.528)) p.addCurve(to: CGPoint(x: 11.278, y: 10.849), control1: CGPoint(x: 11.936, y: 9.481), control2: CGPoint(x: 11.696, y: 10.253)) p.addCurve(to: CGPoint(x: 10.35, y: 11.684), control1: CGPoint(x: 11.025, y: 11.211), control2: CGPoint(x: 10.716, y: 11.489)) p.addCurve(to: CGPoint(x: 9, y: 12), control1: CGPoint(x: 9.953, y: 11.895), control2: CGPoint(x: 9.503, y: 12)) p.addLine(to: CGPoint(x: 4, y: 12)) p.addCurve(to: CGPoint(x: 2.65, y: 11.684), control1: CGPoint(x: 3.497, y: 12), control2: CGPoint(x: 3.047, y: 11.895)) p.addCurve(to: CGPoint(x: 1.722, y: 10.849), control1: CGPoint(x: 2.284, y: 11.489), control2: CGPoint(x: 1.975, y: 11.211)) p.addCurve(to: CGPoint(x: 1.001, y: 8.533), control1: CGPoint(x: 1.304, y: 10.253), control2: CGPoint(x: 1.064, y: 9.481)) p.addCurve(to: CGPoint(x: 1.121, y: 8.169), control1: CGPoint(x: 0.992, y: 8.393), control2: CGPoint(x: 1.032, y: 8.271)) p.addCurve(to: CGPoint(x: 1.467, y: 8.001), control1: CGPoint(x: 1.211, y: 8.066), control2: CGPoint(x: 1.326, y: 8.01)) p.addCurve(to: CGPoint(x: 1.482, y: 8), control1: CGPoint(x: 1.472, y: 8.001), control2: CGPoint(x: 1.477, y: 8.001)) p.addLine(to: CGPoint(x: 1.485, y: 8)) p.addCurve(to: CGPoint(x: 1.5, y: 8), control1: CGPoint(x: 1.49, y: 8), control2: CGPoint(x: 1.495, y: 8)) p.addLine(to: CGPoint(x: 10.382, y: 8)) p.addLine(to: CGPoint(x: 14.276, y: 6.053)) p.closeSubpath() p.move(to: CGPoint(x: 10.94, y: 9)) p.addLine(to: CGPoint(x: 2.06, y: 9)) p.addCurve(to: CGPoint(x: 2.541, y: 10.276), control1: CGPoint(x: 2.146, y: 9.516), control2: CGPoint(x: 2.307, y: 9.941)) p.addCurve(to: CGPoint(x: 4, y: 11), control1: CGPoint(x: 2.879, y: 10.759), control2: CGPoint(x: 3.365, y: 11)) p.addLine(to: CGPoint(x: 9, y: 11)) p.addCurve(to: CGPoint(x: 10.459, y: 10.276), control1: CGPoint(x: 9.635, y: 11), control2: CGPoint(x: 10.121, y: 10.759)) p.addCurve(to: CGPoint(x: 10.94, y: 9), control1: CGPoint(x: 10.693, y: 9.941), control2: CGPoint(x: 10.854, y: 9.516)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // FryingPanIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "frying-pan" (line-round), MIT. https://gentleface.com/icons/frying-pan import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val FryingPanIcon: ImageVector by lazy { ImageVector.Builder( name = "frying-pan", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(FryingPanIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "frying-pan" (line-round), MIT. https://gentleface.com/icons/frying-pan import 'package:flutter/widgets.dart'; class FryingPanIcon extends StatelessWidget { const FryingPanIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _FryingPanIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _FryingPanIconPainter extends CustomPainter { _FryingPanIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(4.856, 6.856) ..cubicTo(4.759, 6.952, 4.641, 7, 4.5, 7) ..cubicTo(4.359, 7, 4.241, 6.952, 4.144, 6.856) ..cubicTo(4.048, 6.759, 4, 6.641, 4, 6.5) ..lineTo(4, 4.5) ..cubicTo(4, 4.359, 4.048, 4.241, 4.144, 4.144) ..cubicTo(4.241, 4.048, 4.359, 4, 4.5, 4) ..cubicTo(4.641, 4, 4.759, 4.048, 4.856, 4.144) ..cubicTo(4.952, 4.241, 5, 4.359, 5, 4.5) ..lineTo(5, 6.5) ..cubicTo(5, 6.641, 4.952, 6.759, 4.856, 6.856) ..close() ..moveTo(6.856, 6.856) ..cubicTo(6.759, 6.952, 6.641, 7, 6.5, 7) ..cubicTo(6.359, 7, 6.241, 6.952, 6.144, 6.856) ..cubicTo(6.048, 6.759, 6, 6.641, 6, 6.5) ..lineTo(6, 4.5) ..cubicTo(6, 4.359, 6.048, 4.241, 6.144, 4.144) ..cubicTo(6.241, 4.048, 6.359, 4, 6.5, 4) ..cubicTo(6.641, 4, 6.759, 4.048, 6.856, 4.144) ..cubicTo(6.952, 4.241, 7, 4.359, 7, 4.5) ..lineTo(7, 6.5) ..cubicTo(7, 6.641, 6.952, 6.759, 6.856, 6.856) ..close() ..moveTo(8.144, 4.144) ..cubicTo(8.241, 4.048, 8.359, 4, 8.5, 4) ..cubicTo(8.641, 4, 8.759, 4.048, 8.856, 4.144) ..cubicTo(8.952, 4.241, 9, 4.359, 9, 4.5) ..lineTo(9, 6.5) ..cubicTo(9, 6.641, 8.952, 6.759, 8.856, 6.856) ..cubicTo(8.759, 6.952, 8.641, 7, 8.5, 7) ..cubicTo(8.359, 7, 8.241, 6.952, 8.144, 6.856) ..cubicTo(8.048, 6.759, 8, 6.641, 8, 6.5) ..lineTo(8, 4.5) ..cubicTo(8, 4.359, 8.048, 4.241, 8.144, 4.144) ..close() ..moveTo(14.276, 6.053) ..cubicTo(14.402, 5.99, 14.53, 5.98, 14.659, 6.023) ..cubicTo(14.788, 6.066, 14.884, 6.15, 14.947, 6.276) ..cubicTo(15.009, 6.4, 15.018, 6.527, 14.974, 6.658) ..cubicTo(14.931, 6.789, 14.847, 6.885, 14.724, 6.947) ..lineTo(11.968, 8.325) ..cubicTo(11.989, 8.381, 12, 8.44, 12, 8.5) ..cubicTo(12, 8.505, 12, 8.51, 12, 8.515) ..lineTo(12, 8.518) ..cubicTo(11.999, 8.523, 11.999, 8.528, 11.999, 8.533) ..cubicTo(11.936, 9.481, 11.696, 10.253, 11.278, 10.849) ..cubicTo(11.025, 11.211, 10.716, 11.489, 10.35, 11.684) ..cubicTo(9.953, 11.895, 9.503, 12, 9, 12) ..lineTo(4, 12) ..cubicTo(3.497, 12, 3.047, 11.895, 2.65, 11.684) ..cubicTo(2.284, 11.489, 1.975, 11.211, 1.722, 10.849) ..cubicTo(1.304, 10.253, 1.064, 9.481, 1.001, 8.533) ..cubicTo(0.992, 8.393, 1.032, 8.271, 1.121, 8.169) ..cubicTo(1.211, 8.066, 1.326, 8.01, 1.467, 8.001) ..cubicTo(1.472, 8.001, 1.477, 8.001, 1.482, 8) ..lineTo(1.485, 8) ..cubicTo(1.49, 8, 1.495, 8, 1.5, 8) ..lineTo(10.382, 8) ..lineTo(14.276, 6.053) ..close() ..moveTo(10.94, 9) ..lineTo(2.06, 9) ..cubicTo(2.146, 9.516, 2.307, 9.941, 2.541, 10.276) ..cubicTo(2.879, 10.759, 3.365, 11, 4, 11) ..lineTo(9, 11) ..cubicTo(9.635, 11, 10.121, 10.759, 10.459, 10.276) ..cubicTo(10.693, 9.941, 10.854, 9.516, 10.94, 9) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_FryingPanIconPainter old) => old.color != color; } ```