cooking icon
cooking from IconPark TwoTone by ByteDance · Two tone · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- cooking
- Set
- IconPark TwoTone
- Style
- Two tone
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
cookingEmoji One (Colored)cookingFluent EmojicookingFluent Emoji FlatcookingFluent Emoji High ContrastcookingFirefox OS EmojicookingIconParkcookingIconPark OutlinecookingIconPark SolidcookingMaterial SymbolscookingMaterial Symbols LightcookingNoto EmojicookingOpenMojicookingStreamline EmojiscookingTwitter Emoji
More foods icons from IconPark TwoTone
Use the cooking icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGfGr7E6hp"><g fill="none" stroke="#fff" stroke-width="4"><path stroke-linecap="round" d="M6 42h36M6 36h36"/><path fill="#555" stroke-linecap="round" stroke-linejoin="round" d="M9 25c0-8.284 6.716-15 15-15s15 6.716 15 15v11H9z"/><path stroke-linecap="round" d="M17 25v4"/><path d="M28 10V8a4 4 0 0 0-8 0v2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGfGr7E6hp)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneCooking(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGfGr7E6hp"><g fill="none" stroke="#fff" strokeWidth="4"><path strokeLinecap="round" d="M6 42h36M6 36h36"/><path fill="#555" strokeLinecap="round" strokeLinejoin="round" d="M9 25c0-8.284 6.716-15 15-15s15 6.716 15 15v11H9z"/><path strokeLinecap="round" d="M17 25v4"/><path d="M28 10V8a4 4 0 0 0-8 0v2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGfGr7E6hp)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGfGr7E6hp"><g fill="none" stroke="#fff" stroke-width="4"><path stroke-linecap="round" d="M6 42h36M6 36h36"/><path fill="#555" stroke-linecap="round" stroke-linejoin="round" d="M9 25c0-8.284 6.716-15 15-15s15 6.716 15 15v11H9z"/><path stroke-linecap="round" d="M17 25v4"/><path d="M28 10V8a4 4 0 0 0-8 0v2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGfGr7E6hp)"/></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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGfGr7E6hp%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042h36M6%2036h36%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2025c0-8.284%206.716-15%2015-15s15%206.716%2015%2015v11H9z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2025v4%22%2F%3E%3Cpath%20d%3D%22M28%2010V8a4%204%200%200%200-8%200v2%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGfGr7E6hp)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGfGr7E6hp%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042h36M6%2036h36%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2025c0-8.284%206.716-15%2015-15s15%206.716%2015%2015v11H9z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2025v4%22%2F%3E%3Cpath%20d%3D%22M28%2010V8a4%204%200%200%200-8%200v2%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGfGr7E6hp)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/cooking.svg?color=%231a73e8&size=48
