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
The same icon in other sets
cookingEmoji One (Colored)cookingFluent EmojicookingFluent Emoji FlatcookingFluent Emoji High ContrastcookingFirefox OS EmojicookingIconParkcookingIconPark OutlinecookingIconPark SolidcookingIconPark TwoTonecookingMaterial SymbolscookingNoto EmojicookingOpenMojicookingStreamline EmojiscookingTwitter 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
