cooking emoji
cooking from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.
- Name
- cooking
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Food
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
cookingFluent EmojicookingFluent Emoji FlatcookingFluent Emoji High ContrastcookingFirefox OS EmojicookingIconParkcookingIconPark OutlinecookingIconPark SolidcookingIconPark TwoTonecookingMaterial SymbolscookingMaterial Symbols LightcookingNoto EmojicookingOpenMojicookingStreamline EmojiscookingTwitter Emoji
More food icons from Emoji One (Colored)
Use the cooking emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="m60.3 4l-.3-.3c-2.3-2.3-6.1-2.3-8.4 0l-10 10.1c-10-6.2-23.3-5-32 3.7C-.5 27.7-.5 44.2 9.6 54.3c10.1 10.2 26.6 10.2 36.7 0c8.6-8.6 9.9-21.9 3.9-31.9l10.1-10.1c2.3-2.3 2.3-6 0-8.3m-4.7 8.1c-2.1 0-3.7-1.7-3.7-3.7c0-2.1 1.7-3.7 3.7-3.7s3.7 1.7 3.7 3.7c0 2.1-1.6 3.7-3.7 3.7"/><path fill="#fff" d="M12.2 30.1c-4.1 9.1-1.2 19.3 6.6 22.8c7.7 3.5 17.3-1.1 21.4-10.2s1.2-19.3-6.6-22.8c-7.7-3.5-17.3 1-21.4 10.2"/><circle cx="23" cy="36" r="8" fill="#f29a2e"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneCooking(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="m60.3 4l-.3-.3c-2.3-2.3-6.1-2.3-8.4 0l-10 10.1c-10-6.2-23.3-5-32 3.7C-.5 27.7-.5 44.2 9.6 54.3c10.1 10.2 26.6 10.2 36.7 0c8.6-8.6 9.9-21.9 3.9-31.9l10.1-10.1c2.3-2.3 2.3-6 0-8.3m-4.7 8.1c-2.1 0-3.7-1.7-3.7-3.7c0-2.1 1.7-3.7 3.7-3.7s3.7 1.7 3.7 3.7c0 2.1-1.6 3.7-3.7 3.7"/><path fill="#fff" d="M12.2 30.1c-4.1 9.1-1.2 19.3 6.6 22.8c7.7 3.5 17.3-1.1 21.4-10.2s1.2-19.3-6.6-22.8c-7.7-3.5-17.3 1-21.4 10.2"/><circle cx="23" cy="36" r="8" fill="#f29a2e"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="m60.3 4l-.3-.3c-2.3-2.3-6.1-2.3-8.4 0l-10 10.1c-10-6.2-23.3-5-32 3.7C-.5 27.7-.5 44.2 9.6 54.3c10.1 10.2 26.6 10.2 36.7 0c8.6-8.6 9.9-21.9 3.9-31.9l10.1-10.1c2.3-2.3 2.3-6 0-8.3m-4.7 8.1c-2.1 0-3.7-1.7-3.7-3.7c0-2.1 1.7-3.7 3.7-3.7s3.7 1.7 3.7 3.7c0 2.1-1.6 3.7-3.7 3.7"/><path fill="#fff" d="M12.2 30.1c-4.1 9.1-1.2 19.3 6.6 22.8c7.7 3.5 17.3-1.1 21.4-10.2s1.2-19.3-6.6-22.8c-7.7-3.5-17.3 1-21.4 10.2"/><circle cx="23" cy="36" r="8" fill="#f29a2e"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m60.3%204l-.3-.3c-2.3-2.3-6.1-2.3-8.4%200l-10%2010.1c-10-6.2-23.3-5-32%203.7C-.5%2027.7-.5%2044.2%209.6%2054.3c10.1%2010.2%2026.6%2010.2%2036.7%200c8.6-8.6%209.9-21.9%203.9-31.9l10.1-10.1c2.3-2.3%202.3-6%200-8.3m-4.7%208.1c-2.1%200-3.7-1.7-3.7-3.7c0-2.1%201.7-3.7%203.7-3.7s3.7%201.7%203.7%203.7c0%202.1-1.6%203.7-3.7%203.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.2%2030.1c-4.1%209.1-1.2%2019.3%206.6%2022.8c7.7%203.5%2017.3-1.1%2021.4-10.2s1.2-19.3-6.6-22.8c-7.7-3.5-17.3%201-21.4%2010.2%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2236%22%20r%3D%228%22%20fill%3D%22%23f29a2e%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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m60.3%204l-.3-.3c-2.3-2.3-6.1-2.3-8.4%200l-10%2010.1c-10-6.2-23.3-5-32%203.7C-.5%2027.7-.5%2044.2%209.6%2054.3c10.1%2010.2%2026.6%2010.2%2036.7%200c8.6-8.6%209.9-21.9%203.9-31.9l10.1-10.1c2.3-2.3%202.3-6%200-8.3m-4.7%208.1c-2.1%200-3.7-1.7-3.7-3.7c0-2.1%201.7-3.7%203.7-3.7s3.7%201.7%203.7%203.7c0%202.1-1.6%203.7-3.7%203.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.2%2030.1c-4.1%209.1-1.2%2019.3%206.6%2022.8c7.7%203.5%2017.3-1.1%2021.4-10.2s1.2-19.3-6.6-22.8c-7.7-3.5-17.3%201-21.4%2010.2%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2236%22%20r%3D%228%22%20fill%3D%22%23f29a2e%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/cooking.svg?color=%231a73e8&size=48
