cooking icon

cooking from IconPark Outline by ByteDance · Outline · Foods · Apache-2.0 Free for personal and commercial use.

Name: cooking
Set: IconPark Outline
Style: Outline
Category: Foods
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

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

More foods icons from IconPark Outline

apple-one avocado avocado-one banana barbecue beer beer-mug birthday-cake bone bottle-one bottle-three bottle-two bowl bowl-one bread bread-machine bread-one cake cake-five cake-four cake-one cake-three cake-two candy

Use the cooking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path stroke-linecap="round" d="M6 42h36M6 36h36"/><path 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></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineCooking(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeWidth="4"><path strokeLinecap="round" d="M6 42h36M6 36h36"/><path 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></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path stroke-linecap="round" d="M6 42h36M6 36h36"/><path 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></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042h36M6%2036h36%22%2F%3E%3Cpath%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%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042h36M6%2036h36%22%2F%3E%3Cpath%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%2Fsvg%3E") no-repeat center / contain;
}

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