skillet icon

skillet from Material Symbols by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.

Name: skillet
Set: Material Symbols
Style: Regular
Category: Household
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

skillet-outline skillet-outline-rounded skillet-outline-sharp skillet-rounded skillet-sharp

The same icon in other sets

skilletMaterial Symbols Light

More household icons from Material Symbols

Use the skillet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 20q-1.25 0-2.125-.875T2 17v-5h14.025q.125-.85.675-1.487t1.35-.913l4.625-1.55l.625 1.9l-4.625 1.55q-.3.1-.488.363T18 12.45V17q0 1.25-.875 2.125T15 20zm-.575-10q.35-.9.113-1.6T3.725 7Q2.9 6 2.637 5.112T2.55 3H4.5q-.2.95-.062 1.55t.712 1.3Q6.1 7 6.363 7.888T6.375 10zm4 0q.35-.9.125-1.6T7.75 7q-.825-1-1.1-1.888T6.55 3H8.5q-.2.95-.062 1.55t.712 1.3Q10.1 7 10.363 7.888T10.375 10zm4 0q.35-.9.125-1.6t-.8-1.4q-.825-1-1.1-1.888T10.55 3h1.95q-.2.95-.062 1.55t.712 1.3Q14.1 7 14.363 7.888T14.375 10z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsSkillet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 20q-1.25 0-2.125-.875T2 17v-5h14.025q.125-.85.675-1.487t1.35-.913l4.625-1.55l.625 1.9l-4.625 1.55q-.3.1-.488.363T18 12.45V17q0 1.25-.875 2.125T15 20zm-.575-10q.35-.9.113-1.6T3.725 7Q2.9 6 2.637 5.112T2.55 3H4.5q-.2.95-.062 1.55t.712 1.3Q6.1 7 6.363 7.888T6.375 10zm4 0q.35-.9.125-1.6T7.75 7q-.825-1-1.1-1.888T6.55 3H8.5q-.2.95-.062 1.55t.712 1.3Q10.1 7 10.363 7.888T10.375 10zm4 0q.35-.9.125-1.6t-.8-1.4q-.825-1-1.1-1.888T10.55 3h1.95q-.2.95-.062 1.55t.712 1.3Q14.1 7 14.363 7.888T14.375 10z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 20q-1.25 0-2.125-.875T2 17v-5h14.025q.125-.85.675-1.487t1.35-.913l4.625-1.55l.625 1.9l-4.625 1.55q-.3.1-.488.363T18 12.45V17q0 1.25-.875 2.125T15 20zm-.575-10q.35-.9.113-1.6T3.725 7Q2.9 6 2.637 5.112T2.55 3H4.5q-.2.95-.062 1.55t.712 1.3Q6.1 7 6.363 7.888T6.375 10zm4 0q.35-.9.125-1.6T7.75 7q-.825-1-1.1-1.888T6.55 3H8.5q-.2.95-.062 1.55t.712 1.3Q10.1 7 10.363 7.888T10.375 10zm4 0q.35-.9.125-1.6t-.8-1.4q-.825-1-1.1-1.888T10.55 3h1.95q-.2.95-.062 1.55t.712 1.3Q14.1 7 14.363 7.888T14.375 10z"/></svg>
</template>

CSS

.icon-skillet {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%2020q-1.25%200-2.125-.875T2%2017v-5h14.025q.125-.85.675-1.487t1.35-.913l4.625-1.55l.625%201.9l-4.625%201.55q-.3.1-.488.363T18%2012.45V17q0%201.25-.875%202.125T15%2020zm-.575-10q.35-.9.113-1.6T3.725%207Q2.9%206%202.637%205.112T2.55%203H4.5q-.2.95-.062%201.55t.712%201.3Q6.1%207%206.363%207.888T6.375%2010zm4%200q.35-.9.125-1.6T7.75%207q-.825-1-1.1-1.888T6.55%203H8.5q-.2.95-.062%201.55t.712%201.3Q10.1%207%2010.363%207.888T10.375%2010zm4%200q.35-.9.125-1.6t-.8-1.4q-.825-1-1.1-1.888T10.55%203h1.95q-.2.95-.062%201.55t.712%201.3Q14.1%207%2014.363%207.888T14.375%2010z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%2020q-1.25%200-2.125-.875T2%2017v-5h14.025q.125-.85.675-1.487t1.35-.913l4.625-1.55l.625%201.9l-4.625%201.55q-.3.1-.488.363T18%2012.45V17q0%201.25-.875%202.125T15%2020zm-.575-10q.35-.9.113-1.6T3.725%207Q2.9%206%202.637%205.112T2.55%203H4.5q-.2.95-.062%201.55t.712%201.3Q6.1%207%206.363%207.888T6.375%2010zm4%200q.35-.9.125-1.6T7.75%207q-.825-1-1.1-1.888T6.55%203H8.5q-.2.95-.062%201.55t.712%201.3Q10.1%207%2010.363%207.888T10.375%2010zm4%200q.35-.9.125-1.6t-.8-1.4q-.825-1-1.1-1.888T10.55%203h1.95q-.2.95-.062%201.55t.712%201.3Q14.1%207%2014.363%207.888T14.375%2010z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/skillet.svg?color=%231a73e8&size=48