cooking icon
cooking-rounded from Material Symbols Light by Google · Rounded · Household · Apache-2.0 Free for personal and commercial use.
- Name
- cooking-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
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.143 19.126Q10 18.982 10 18.769v-1.384q0-.27-.173-.443t-.442-.173H4q-.213 0-.356-.144t-.144-.357t.144-.356T4 15.77h5.385q.666 0 1.14.475t.475 1.14v1.385q0 .213-.144.357t-.357.143t-.356-.143m3 0Q13 18.982 13 18.769v-1.384q0-.667.475-1.141t1.14-.475H20q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143h-5.384q-.27 0-.443.173t-.173.442v1.385q0 .213-.144.357t-.357.143t-.356-.143M6.5 14q-1.042 0-1.77-.73Q4 12.543 4 11.5v-2q0-.343.232-.575t.576-.233h14.384q.344 0 .576.232T20 9.5v2q0 1.042-.73 1.77q-.728.73-1.77.73zm-2-7.077q-.213 0-.356-.144Q4 6.635 4 6.423q0-.213.144-.357t.356-.143h5V5.5q0-.343.23-.575t.587-.233h3.366q.358 0 .587.233t.23.575v.423h5q.213 0 .356.144t.144.357t-.144.356t-.356.143z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCookingRounded(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.143 19.126Q10 18.982 10 18.769v-1.384q0-.27-.173-.443t-.442-.173H4q-.213 0-.356-.144t-.144-.357t.144-.356T4 15.77h5.385q.666 0 1.14.475t.475 1.14v1.385q0 .213-.144.357t-.357.143t-.356-.143m3 0Q13 18.982 13 18.769v-1.384q0-.667.475-1.141t1.14-.475H20q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143h-5.384q-.27 0-.443.173t-.173.442v1.385q0 .213-.144.357t-.357.143t-.356-.143M6.5 14q-1.042 0-1.77-.73Q4 12.543 4 11.5v-2q0-.343.232-.575t.576-.233h14.384q.344 0 .576.232T20 9.5v2q0 1.042-.73 1.77q-.728.73-1.77.73zm-2-7.077q-.213 0-.356-.144Q4 6.635 4 6.423q0-.213.144-.357t.356-.143h5V5.5q0-.343.23-.575t.587-.233h3.366q.358 0 .587.233t.23.575v.423h5q.213 0 .356.144t.144.357t-.144.356t-.356.143z"/></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.143 19.126Q10 18.982 10 18.769v-1.384q0-.27-.173-.443t-.442-.173H4q-.213 0-.356-.144t-.144-.357t.144-.356T4 15.77h5.385q.666 0 1.14.475t.475 1.14v1.385q0 .213-.144.357t-.357.143t-.356-.143m3 0Q13 18.982 13 18.769v-1.384q0-.667.475-1.141t1.14-.475H20q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143h-5.384q-.27 0-.443.173t-.173.442v1.385q0 .213-.144.357t-.357.143t-.356-.143M6.5 14q-1.042 0-1.77-.73Q4 12.543 4 11.5v-2q0-.343.232-.575t.576-.233h14.384q.344 0 .576.232T20 9.5v2q0 1.042-.73 1.77q-.728.73-1.77.73zm-2-7.077q-.213 0-.356-.144Q4 6.635 4 6.423q0-.213.144-.357t.356-.143h5V5.5q0-.343.23-.575t.587-.233h3.366q.358 0 .587.233t.23.575v.423h5q.213 0 .356.144t.144.357t-.144.356t-.356.143z"/></svg> </template>
CSS
.icon-cooking-rounded {
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.143%2019.126Q10%2018.982%2010%2018.769v-1.384q0-.27-.173-.443t-.442-.173H4q-.213%200-.356-.144t-.144-.357t.144-.356T4%2015.77h5.385q.666%200%201.14.475t.475%201.14v1.385q0%20.213-.144.357t-.357.143t-.356-.143m3%200Q13%2018.982%2013%2018.769v-1.384q0-.667.475-1.141t1.14-.475H20q.213%200%20.356.144q.144.144.144.357t-.144.356t-.356.143h-5.384q-.27%200-.443.173t-.173.442v1.385q0%20.213-.144.357t-.357.143t-.356-.143M6.5%2014q-1.042%200-1.77-.73Q4%2012.543%204%2011.5v-2q0-.343.232-.575t.576-.233h14.384q.344%200%20.576.232T20%209.5v2q0%201.042-.73%201.77q-.728.73-1.77.73zm-2-7.077q-.213%200-.356-.144Q4%206.635%204%206.423q0-.213.144-.357t.356-.143h5V5.5q0-.343.23-.575t.587-.233h3.366q.358%200%20.587.233t.23.575v.423h5q.213%200%20.356.144t.144.357t-.144.356t-.356.143z%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.143%2019.126Q10%2018.982%2010%2018.769v-1.384q0-.27-.173-.443t-.442-.173H4q-.213%200-.356-.144t-.144-.357t.144-.356T4%2015.77h5.385q.666%200%201.14.475t.475%201.14v1.385q0%20.213-.144.357t-.357.143t-.356-.143m3%200Q13%2018.982%2013%2018.769v-1.384q0-.667.475-1.141t1.14-.475H20q.213%200%20.356.144q.144.144.144.357t-.144.356t-.356.143h-5.384q-.27%200-.443.173t-.173.442v1.385q0%20.213-.144.357t-.357.143t-.356-.143M6.5%2014q-1.042%200-1.77-.73Q4%2012.543%204%2011.5v-2q0-.343.232-.575t.576-.233h14.384q.344%200%20.576.232T20%209.5v2q0%201.042-.73%201.77q-.728.73-1.77.73zm-2-7.077q-.213%200-.356-.144Q4%206.635%204%206.423q0-.213.144-.357t.356-.143h5V5.5q0-.343.23-.575t.587-.233h3.366q.358%200%20.587.233t.23.575v.423h5q.213%200%20.356.144t.144.357t-.144.356t-.356.143z%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-rounded.svg?color=%231a73e8&size=48
