cooking icon
cooking from IconPark Solid by ByteDance · Solid · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- cooking
- Set
- IconPark Solid
- Style
- Solid
- 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 TwoTonecookingMaterial SymbolscookingMaterial Symbols LightcookingNoto EmojicookingOpenMojicookingStreamline EmojiscookingTwitter Emoji
More foods icons from IconPark Solid
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="SVGx71C2dpC1"><g fill="none" stroke-width="4"><path stroke="#fff" stroke-linecap="round" d="M6 42h36M6 36h36"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M9 25c0-8.284 6.716-15 15-15s15 6.716 15 15v11H9z"/><path stroke="#000" stroke-linecap="round" d="M17 25v4"/><path stroke="#fff" d="M28 10V8a4 4 0 0 0-8 0v2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGx71C2dpC1)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidCooking(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="SVGx71C2dpC1"><g fill="none" strokeWidth="4"><path stroke="#fff" strokeLinecap="round" d="M6 42h36M6 36h36"/><path fill="#fff" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M9 25c0-8.284 6.716-15 15-15s15 6.716 15 15v11H9z"/><path stroke="#000" strokeLinecap="round" d="M17 25v4"/><path stroke="#fff" d="M28 10V8a4 4 0 0 0-8 0v2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGx71C2dpC1)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGx71C2dpC1"><g fill="none" stroke-width="4"><path stroke="#fff" stroke-linecap="round" d="M6 42h36M6 36h36"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M9 25c0-8.284 6.716-15 15-15s15 6.716 15 15v11H9z"/><path stroke="#000" stroke-linecap="round" d="M17 25v4"/><path stroke="#fff" d="M28 10V8a4 4 0 0 0-8 0v2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGx71C2dpC1)"/></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%22SVGx71C2dpC1%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042h36M6%2036h36%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%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%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M17%2025v4%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%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(%23SVGx71C2dpC1)%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%22SVGx71C2dpC1%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042h36M6%2036h36%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%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%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M17%2025v4%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%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(%23SVGx71C2dpC1)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/cooking.svg?color=%231a73e8&size=48
