Cooking icon

fxemoji:cooking

The Cooking icon (fxemoji:cooking) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2B3B47" d="m217.968 341.743l-1.555 2.008c-1.038 1.286-2.523 3.208-4.48 5.588a471 471 0 0 1-7.125 8.52a398 398 0 0 1-4.455 5.168a442 442 0 0 1-4.992 5.676a492 492 0 0 1-5.485 6.113c-1.905 2.103-3.873 4.279-5.93 6.481c-4.082 4.437-8.452 9.051-12.992 13.804l-6.957 7.197l-7.205 7.297c-2.411 2.468-4.911 4.887-7.382 7.352a599 599 0 0 1-7.497 7.353l-7.549 7.301l-7.571 7.163c-5.058 4.701-10.059 9.303-14.976 13.679c-9.821 8.767-19.22 16.716-27.451 23.354a576 576 0 0 1-11.358 8.933a443 443 0 0 1-8.968 6.676C58.995 495.039 56 497 56 497c-14.924 9.771-34.943 5.594-44.714-9.33c-7.249-11.072-6.798-24.968 0-35.383c0 0 1.961-2.995 5.592-8.039a437 437 0 0 1 6.676-8.968a583 583 0 0 1 8.933-11.358c6.638-8.232 14.587-17.631 23.354-27.452c4.377-4.917 8.978-9.919 13.679-14.976l7.163-7.571l7.301-7.549c2.43-2.527 4.89-5.023 7.353-7.497c2.466-2.471 4.885-4.971 7.352-7.382l7.297-7.205l7.197-6.957c4.754-4.54 9.367-8.91 13.804-12.992c2.202-2.057 4.378-4.025 6.481-5.93a492 492 0 0 1 6.113-5.485a434 434 0 0 1 5.676-4.992a413 413 0 0 1 5.168-4.455a480 480 0 0 1 8.52-7.125c2.38-1.957 4.302-3.443 5.588-4.48l2.008-1.555c16.006-12.395 39.03-9.469 51.425 6.537c10.452 13.492 9.986 31.991.002 44.887"/><path fill="#4E5D66" d="M163.552 404.873c-18.928 18.927-79.065-41.211-60.138-60.138l32.138-32.138l60.138 60.138z"/><circle cx="297.083" cy="207.41" r="203.409" fill="#2B3B47"/><circle cx="297.083" cy="207.41" r="158.41" fill="#597B91"/><path fill="#F9F9F7" d="M259.415 302.343c-38.87-.311-70.766-32.034-71.277-70.901c-.394-29.951 17.538-55.752 43.292-66.918c14.697-6.373 27.017-17.054 36.146-30.217c17.227-24.839 46.118-40.975 78.751-40.475c50.569.774 91.804 42.067 92.509 92.637c.733 52.524-41.625 95.333-93.981 95.333q-1.454 0-2.897-.044c-16.161-.49-32.273 3.084-46.301 11.124c-10.664 6.111-23.044 9.567-36.242 9.461M52.255 471.588l10-10c4.295-4.296 4.295-11.261 0-15.557c-4.296-4.295-11.261-4.295-15.557 0l-10 10c-4.295 4.296-4.295 11.261 0 15.557c2.148 2.147 4.963 3.222 7.778 3.222s5.631-1.075 7.779-3.222"/><circle cx="344.855" cy="187.81" r="48.061" fill="#FFA41F"/></svg>

How to use the Cooking icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:cooking" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:cooking" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:cooking" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cooking]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cooking"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:cooking"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/cooking.svg" alt="Cooking icon" width="24" height="24">

Cooking icon in other icon sets

Cooking icon FAQ

Is the Cooking icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Cooking icon in React?

Install @iconify/react and render <Icon icon="fxemoji:cooking" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cooking icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cooking.svg" alt="Cooking icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →