cooking icon

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

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

3 other variants in Material Symbols Light

cooking cooking-outline-rounded cooking-rounded

The same icon in other sets

All cooking icons →

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

More household icons from Material Symbols Light

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="M10 19.27v-1.886q0-.269-.173-.442t-.442-.173H3.5v-1h5.885q.67 0 1.143.472q.472.473.472 1.143v1.885zm3 0v-1.886q0-.67.472-1.143q.472-.472 1.144-.472H20.5v1h-5.884q-.27 0-.443.173t-.173.442v1.885zM6.5 14q-1.038 0-1.77-.73T4 11.5V8.692h16V11.5q0 1.039-.73 1.77T17.5 14zm0-1h11q.617 0 1.059-.441Q19 12.117 19 11.5V9.692H5V11.5q0 .617.441 1.059Q5.883 13 6.5 13M4 6.923v-1h5.5V5.5q0-.348.23-.578t.578-.23h3.384q.348 0 .578.23t.23.578v.423H20v1zM5 13V9.692z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCookingOutline(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="M10 19.27v-1.886q0-.269-.173-.442t-.442-.173H3.5v-1h5.885q.67 0 1.143.472q.472.473.472 1.143v1.885zm3 0v-1.886q0-.67.472-1.143q.472-.472 1.144-.472H20.5v1h-5.884q-.27 0-.443.173t-.173.442v1.885zM6.5 14q-1.038 0-1.77-.73T4 11.5V8.692h16V11.5q0 1.039-.73 1.77T17.5 14zm0-1h11q.617 0 1.059-.441Q19 12.117 19 11.5V9.692H5V11.5q0 .617.441 1.059Q5.883 13 6.5 13M4 6.923v-1h5.5V5.5q0-.348.23-.578t.578-.23h3.384q.348 0 .578.23t.23.578v.423H20v1zM5 13V9.692z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 19.27v-1.886q0-.269-.173-.442t-.442-.173H3.5v-1h5.885q.67 0 1.143.472q.472.473.472 1.143v1.885zm3 0v-1.886q0-.67.472-1.143q.472-.472 1.144-.472H20.5v1h-5.884q-.27 0-.443.173t-.173.442v1.885zM6.5 14q-1.038 0-1.77-.73T4 11.5V8.692h16V11.5q0 1.039-.73 1.77T17.5 14zm0-1h11q.617 0 1.059-.441Q19 12.117 19 11.5V9.692H5V11.5q0 .617.441 1.059Q5.883 13 6.5 13M4 6.923v-1h5.5V5.5q0-.348.23-.578t.578-.23h3.384q.348 0 .578.23t.23.578v.423H20v1zM5 13V9.692z"/></svg>
</template>

CSS

.icon-cooking-outline {
  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%22M10%2019.27v-1.886q0-.269-.173-.442t-.442-.173H3.5v-1h5.885q.67%200%201.143.472q.472.473.472%201.143v1.885zm3%200v-1.886q0-.67.472-1.143q.472-.472%201.144-.472H20.5v1h-5.884q-.27%200-.443.173t-.173.442v1.885zM6.5%2014q-1.038%200-1.77-.73T4%2011.5V8.692h16V11.5q0%201.039-.73%201.77T17.5%2014zm0-1h11q.617%200%201.059-.441Q19%2012.117%2019%2011.5V9.692H5V11.5q0%20.617.441%201.059Q5.883%2013%206.5%2013M4%206.923v-1h5.5V5.5q0-.348.23-.578t.578-.23h3.384q.348%200%20.578.23t.23.578v.423H20v1zM5%2013V9.692z%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%22M10%2019.27v-1.886q0-.269-.173-.442t-.442-.173H3.5v-1h5.885q.67%200%201.143.472q.472.473.472%201.143v1.885zm3%200v-1.886q0-.67.472-1.143q.472-.472%201.144-.472H20.5v1h-5.884q-.27%200-.443.173t-.173.442v1.885zM6.5%2014q-1.038%200-1.77-.73T4%2011.5V8.692h16V11.5q0%201.039-.73%201.77T17.5%2014zm0-1h11q.617%200%201.059-.441Q19%2012.117%2019%2011.5V9.692H5V11.5q0%20.617.441%201.059Q5.883%2013%206.5%2013M4%206.923v-1h5.5V5.5q0-.348.23-.578t.578-.23h3.384q.348%200%20.578.23t.23.578v.423H20v1zM5%2013V9.692z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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