cooking icon

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

Name: cooking
Set: IconPark
Style: Color
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 Outline cookingIconPark Solid cookingIconPark TwoTone cookingMaterial Symbols cookingMaterial Symbols Light cookingNoto Emoji cookingOpenMoji cookingStreamline Emojis cookingTwitter 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 cooking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path stroke="#000" stroke-linecap="round" d="M6 42L42 42"/><path stroke="#000" stroke-linecap="round" d="M6 36L42 36"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M9 25C9 16.7157 15.7157 10 24 10C32.2843 10 39 16.7157 39 25V36H9L9 25Z"/><path stroke="#fff" stroke-linecap="round" d="M17 25V29"/><path stroke="#000" d="M28 10V8C28 5.79086 26.2091 4 24 4V4C21.7909 4 20 5.79086 20 8V10"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkCooking(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" strokeWidth="4"><path stroke="#000" strokeLinecap="round" d="M6 42L42 42"/><path stroke="#000" strokeLinecap="round" d="M6 36L42 36"/><path fill="#2F88FF" stroke="#000" strokeLinecap="round" strokeLinejoin="round" d="M9 25C9 16.7157 15.7157 10 24 10C32.2843 10 39 16.7157 39 25V36H9L9 25Z"/><path stroke="#fff" strokeLinecap="round" d="M17 25V29"/><path stroke="#000" d="M28 10V8C28 5.79086 26.2091 4 24 4V4C21.7909 4 20 5.79086 20 8V10"/></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-width="4"><path stroke="#000" stroke-linecap="round" d="M6 42L42 42"/><path stroke="#000" stroke-linecap="round" d="M6 36L42 36"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M9 25C9 16.7157 15.7157 10 24 10C32.2843 10 39 16.7157 39 25V36H9L9 25Z"/><path stroke="#fff" stroke-linecap="round" d="M17 25V29"/><path stroke="#000" d="M28 10V8C28 5.79086 26.2091 4 24 4V4C21.7909 4 20 5.79086 20 8V10"/></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-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042L42%2042%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M6%2036L42%2036%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2025C9%2016.7157%2015.7157%2010%2024%2010C32.2843%2010%2039%2016.7157%2039%2025V36H9L9%2025Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M17%2025V29%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M28%2010V8C28%205.79086%2026.2091%204%2024%204V4C21.7909%204%2020%205.79086%2020%208V10%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-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M6%2042L42%2042%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M6%2036L42%2036%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2025C9%2016.7157%2015.7157%2010%2024%2010C32.2843%2010%2039%2016.7157%2039%2025V36H9L9%2025Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M17%2025V29%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M28%2010V8C28%205.79086%2026.2091%204%2024%204V4C21.7909%204%2020%205.79086%2020%208V10%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/cooking.svg?color=%231a73e8&size=48