cook icon

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

Name: cook
Set: IconPark
Style: Color
Category: Foods
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

cookFluent Emoji cookFluent Emoji Flat cookFluent Emoji High Contrast cookIconPark Outline cookIconPark Solid cookIconPark TwoTone cookNoto Emoji cookOpenMoji cookTwitter Emoji

More foods icons from IconPark

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 cook icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M42 36V20H14V36C14 39.3137 16.6863 42 20 42H36C39.3137 42 42 39.3137 42 36Z"/><path d="M4 20L44 20"/><path d="M18 8V12"/><path d="M28 6V12"/><path d="M38 8V12"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkCook(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="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" d="M42 36V20H14V36C14 39.3137 16.6863 42 20 42H36C39.3137 42 42 39.3137 42 36Z"/><path d="M4 20L44 20"/><path d="M18 8V12"/><path d="M28 6V12"/><path d="M38 8V12"/></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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M42 36V20H14V36C14 39.3137 16.6863 42 20 42H36C39.3137 42 42 39.3137 42 36Z"/><path d="M4 20L44 20"/><path d="M18 8V12"/><path d="M28 6V12"/><path d="M38 8V12"/></g></svg>
</template>

CSS

.icon-cook {
  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%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M42%2036V20H14V36C14%2039.3137%2016.6863%2042%2020%2042H36C39.3137%2042%2042%2039.3137%2042%2036Z%22%2F%3E%3Cpath%20d%3D%22M4%2020L44%2020%22%2F%3E%3Cpath%20d%3D%22M18%208V12%22%2F%3E%3Cpath%20d%3D%22M28%206V12%22%2F%3E%3Cpath%20d%3D%22M38%208V12%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%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M42%2036V20H14V36C14%2039.3137%2016.6863%2042%2020%2042H36C39.3137%2042%2042%2039.3137%2042%2036Z%22%2F%3E%3Cpath%20d%3D%22M4%2020L44%2020%22%2F%3E%3Cpath%20d%3D%22M18%208V12%22%2F%3E%3Cpath%20d%3D%22M28%206V12%22%2F%3E%3Cpath%20d%3D%22M38%208V12%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/cook.svg?color=%231a73e8&size=48