cooking icon

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

Name: cooking
Set: Material Symbols
Style: Regular
Category: Household
Viewbox: 24×24
License: Apache 2.0
Aliases: cooking-sharp

3 other variants in Material Symbols

cooking-outline cooking-outline-rounded cooking-rounded

The same icon in other sets

cookingEmoji One (Colored)cookingFluent Emoji cookingFluent Emoji Flat cookingFluent Emoji High Contrast cookingFirefox OS Emoji cookingIconPark cookingIconPark Outline cookingIconPark Solid cookingIconPark TwoTone cookingMaterial Symbols Light cookingNoto Emoji cookingOpenMoji cookingStreamline Emojis cookingTwitter Emoji

More household icons from Material Symbols

Use the cooking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 21v-3H2v-2h7q.825 0 1.413.588T11 18v3zm4 0v-3q0-.825.588-1.412T15 16h7v2h-7v3zm-7-6q-1.25 0-2.125-.875T3 12V8h18v4q0 1.25-.875 2.125T18 15zM3 7V5h6V4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4v1h6v2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsCooking(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="M9 21v-3H2v-2h7q.825 0 1.413.588T11 18v3zm4 0v-3q0-.825.588-1.412T15 16h7v2h-7v3zm-7-6q-1.25 0-2.125-.875T3 12V8h18v4q0 1.25-.875 2.125T18 15zM3 7V5h6V4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4v1h6v2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 21v-3H2v-2h7q.825 0 1.413.588T11 18v3zm4 0v-3q0-.825.588-1.412T15 16h7v2h-7v3zm-7-6q-1.25 0-2.125-.875T3 12V8h18v4q0 1.25-.875 2.125T18 15zM3 7V5h6V4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4v1h6v2z"/></svg>
</template>

CSS

.icon-cooking {
  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%22M9%2021v-3H2v-2h7q.825%200%201.413.588T11%2018v3zm4%200v-3q0-.825.588-1.412T15%2016h7v2h-7v3zm-7-6q-1.25%200-2.125-.875T3%2012V8h18v4q0%201.25-.875%202.125T18%2015zM3%207V5h6V4q0-.425.288-.712T10%203h4q.425%200%20.713.288T15%204v1h6v2z%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%22M9%2021v-3H2v-2h7q.825%200%201.413.588T11%2018v3zm4%200v-3q0-.825.588-1.412T15%2016h7v2h-7v3zm-7-6q-1.25%200-2.125-.875T3%2012V8h18v4q0%201.25-.875%202.125T18%2015zM3%207V5h6V4q0-.425.288-.712T10%203h4q.425%200%20.713.288T15%204v1h6v2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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