cookie emoji

cookie from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.

Name
cookie
Set
OpenMoji
Style
Default
Category
Food Drink
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

cookieBootstrap IconscookieBoxIcons v2cookieBoxIcons v2 SolidcookieCarboncookieEmoji One (Colored)cookieFont Awesome 6 SolidcookieFluent EmojicookieFluent Emoji FlatcookieFluent Emoji High ContrastcookieHuge IconscookieIconoircookieLine AwesomecookieMaterial Line IconscookieLucidecookieMajesticonscookieMaterial SymbolscookieMaterial Design Iconscookie-fillMingCute IconcookieNoto EmojicookiePhosphorcookieRadix Iconscookie-fillRemix IconcookieStreamline EmojiscookieTabler Icons

More food drink icons from OpenMoji

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the cookie emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#a57939" d="M64 36a9.64 9.64 0 0 0-1.558-5.263a9.64 9.64 0 0 0-.574-5.452a9.64 9.64 0 0 0-3.452-4.265a9.63 9.63 0 0 0-2.618-4.818a9.63 9.63 0 0 0-4.82-2.62a9.65 9.65 0 0 0-4.262-3.45a9.65 9.65 0 0 0-5.457-.575A9.65 9.65 0 0 0 35.999 8c-1.94 0-3.744.576-5.26 1.558a9.65 9.65 0 0 0-5.455.573a9.64 9.64 0 0 0-4.263 3.454a9.65 9.65 0 0 0-4.82 2.617a9.64 9.64 0 0 0-2.618 4.821a9.65 9.65 0 0 0-4.025 9.72a9.65 9.65 0 0 0 0 10.52a9.66 9.66 0 0 0 4.029 9.718a9.65 9.65 0 0 0 7.437 7.437a9.65 9.65 0 0 0 4.262 3.451a9.65 9.65 0 0 0 5.457.574A9.65 9.65 0 0 0 36.003 64c1.94 0 3.744-.576 5.26-1.558a9.66 9.66 0 0 0 9.718-4.027a9.64 9.64 0 0 0 4.819-2.616a9.63 9.63 0 0 0 2.619-4.823a9.65 9.65 0 0 0 3.45-4.261a9.65 9.65 0 0 0 .575-5.458A9.65 9.65 0 0 0 64 36"/><circle cx="19" cy="35" r="2" fill="#6a462f"/><circle cx="32" cy="41" r="2" fill="#6a462f"/><circle cx="30" cy="51" r="2" fill="#6a462f"/><circle cx="46" cy="51" r="2" fill="#6a462f"/><circle cx="52" cy="36" r="2" fill="#6a462f"/><circle cx="48" cy="21" r="2" fill="#6a462f"/><circle cx="32" cy="22" r="2" fill="#6a462f"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.939"><path d="M64 35.875a9.63 9.63 0 0 0-1.558-5.262a9.64 9.64 0 0 0-.574-5.453a9.64 9.64 0 0 0-3.452-4.265a9.63 9.63 0 0 0-2.618-4.818a9.63 9.63 0 0 0-4.82-2.62a9.65 9.65 0 0 0-4.262-3.45a9.65 9.65 0 0 0-5.457-.575a9.65 9.65 0 0 0-5.26-1.556a9.65 9.65 0 0 0-5.26 1.557a9.65 9.65 0 0 0-5.455.574a9.64 9.64 0 0 0-4.263 3.453a9.65 9.65 0 0 0-7.438 7.439a9.65 9.65 0 0 0-4.025 9.72A9.65 9.65 0 0 0 8 35.877c0 1.941.577 3.746 1.559 5.262a9.66 9.66 0 0 0 4.028 9.718a9.65 9.65 0 0 0 7.438 7.436a9.66 9.66 0 0 0 9.718 4.025a9.65 9.65 0 0 0 5.26 1.557a9.65 9.65 0 0 0 5.26-1.557a9.65 9.65 0 0 0 9.718-4.027a9.63 9.63 0 0 0 4.819-2.617a9.63 9.63 0 0 0 2.619-4.822a9.65 9.65 0 0 0 3.45-4.262a9.65 9.65 0 0 0 .575-5.457A9.66 9.66 0 0 0 64 35.875"/><circle cx="19" cy="35" r="2"/><circle cx="32" cy="41" r="2"/><circle cx="30" cy="51" r="2"/><circle cx="46" cy="51" r="2"/><circle cx="52" cy="36" r="2"/><circle cx="48" cy="21" r="2"/><circle cx="32" cy="22" r="2"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiCookie(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#a57939" d="M64 36a9.64 9.64 0 0 0-1.558-5.263a9.64 9.64 0 0 0-.574-5.452a9.64 9.64 0 0 0-3.452-4.265a9.63 9.63 0 0 0-2.618-4.818a9.63 9.63 0 0 0-4.82-2.62a9.65 9.65 0 0 0-4.262-3.45a9.65 9.65 0 0 0-5.457-.575A9.65 9.65 0 0 0 35.999 8c-1.94 0-3.744.576-5.26 1.558a9.65 9.65 0 0 0-5.455.573a9.64 9.64 0 0 0-4.263 3.454a9.65 9.65 0 0 0-4.82 2.617a9.64 9.64 0 0 0-2.618 4.821a9.65 9.65 0 0 0-4.025 9.72a9.65 9.65 0 0 0 0 10.52a9.66 9.66 0 0 0 4.029 9.718a9.65 9.65 0 0 0 7.437 7.437a9.65 9.65 0 0 0 4.262 3.451a9.65 9.65 0 0 0 5.457.574A9.65 9.65 0 0 0 36.003 64c1.94 0 3.744-.576 5.26-1.558a9.66 9.66 0 0 0 9.718-4.027a9.64 9.64 0 0 0 4.819-2.616a9.63 9.63 0 0 0 2.619-4.823a9.65 9.65 0 0 0 3.45-4.261a9.65 9.65 0 0 0 .575-5.458A9.65 9.65 0 0 0 64 36"/><circle cx="19" cy="35" r="2" fill="#6a462f"/><circle cx="32" cy="41" r="2" fill="#6a462f"/><circle cx="30" cy="51" r="2" fill="#6a462f"/><circle cx="46" cy="51" r="2" fill="#6a462f"/><circle cx="52" cy="36" r="2" fill="#6a462f"/><circle cx="48" cy="21" r="2" fill="#6a462f"/><circle cx="32" cy="22" r="2" fill="#6a462f"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="1.939"><path d="M64 35.875a9.63 9.63 0 0 0-1.558-5.262a9.64 9.64 0 0 0-.574-5.453a9.64 9.64 0 0 0-3.452-4.265a9.63 9.63 0 0 0-2.618-4.818a9.63 9.63 0 0 0-4.82-2.62a9.65 9.65 0 0 0-4.262-3.45a9.65 9.65 0 0 0-5.457-.575a9.65 9.65 0 0 0-5.26-1.556a9.65 9.65 0 0 0-5.26 1.557a9.65 9.65 0 0 0-5.455.574a9.64 9.64 0 0 0-4.263 3.453a9.65 9.65 0 0 0-7.438 7.439a9.65 9.65 0 0 0-4.025 9.72A9.65 9.65 0 0 0 8 35.877c0 1.941.577 3.746 1.559 5.262a9.66 9.66 0 0 0 4.028 9.718a9.65 9.65 0 0 0 7.438 7.436a9.66 9.66 0 0 0 9.718 4.025a9.65 9.65 0 0 0 5.26 1.557a9.65 9.65 0 0 0 5.26-1.557a9.65 9.65 0 0 0 9.718-4.027a9.63 9.63 0 0 0 4.819-2.617a9.63 9.63 0 0 0 2.619-4.822a9.65 9.65 0 0 0 3.45-4.262a9.65 9.65 0 0 0 .575-5.457A9.66 9.66 0 0 0 64 35.875"/><circle cx="19" cy="35" r="2"/><circle cx="32" cy="41" r="2"/><circle cx="30" cy="51" r="2"/><circle cx="46" cy="51" r="2"/><circle cx="52" cy="36" r="2"/><circle cx="48" cy="21" r="2"/><circle cx="32" cy="22" r="2"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#a57939" d="M64 36a9.64 9.64 0 0 0-1.558-5.263a9.64 9.64 0 0 0-.574-5.452a9.64 9.64 0 0 0-3.452-4.265a9.63 9.63 0 0 0-2.618-4.818a9.63 9.63 0 0 0-4.82-2.62a9.65 9.65 0 0 0-4.262-3.45a9.65 9.65 0 0 0-5.457-.575A9.65 9.65 0 0 0 35.999 8c-1.94 0-3.744.576-5.26 1.558a9.65 9.65 0 0 0-5.455.573a9.64 9.64 0 0 0-4.263 3.454a9.65 9.65 0 0 0-4.82 2.617a9.64 9.64 0 0 0-2.618 4.821a9.65 9.65 0 0 0-4.025 9.72a9.65 9.65 0 0 0 0 10.52a9.66 9.66 0 0 0 4.029 9.718a9.65 9.65 0 0 0 7.437 7.437a9.65 9.65 0 0 0 4.262 3.451a9.65 9.65 0 0 0 5.457.574A9.65 9.65 0 0 0 36.003 64c1.94 0 3.744-.576 5.26-1.558a9.66 9.66 0 0 0 9.718-4.027a9.64 9.64 0 0 0 4.819-2.616a9.63 9.63 0 0 0 2.619-4.823a9.65 9.65 0 0 0 3.45-4.261a9.65 9.65 0 0 0 .575-5.458A9.65 9.65 0 0 0 64 36"/><circle cx="19" cy="35" r="2" fill="#6a462f"/><circle cx="32" cy="41" r="2" fill="#6a462f"/><circle cx="30" cy="51" r="2" fill="#6a462f"/><circle cx="46" cy="51" r="2" fill="#6a462f"/><circle cx="52" cy="36" r="2" fill="#6a462f"/><circle cx="48" cy="21" r="2" fill="#6a462f"/><circle cx="32" cy="22" r="2" fill="#6a462f"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.939"><path d="M64 35.875a9.63 9.63 0 0 0-1.558-5.262a9.64 9.64 0 0 0-.574-5.453a9.64 9.64 0 0 0-3.452-4.265a9.63 9.63 0 0 0-2.618-4.818a9.63 9.63 0 0 0-4.82-2.62a9.65 9.65 0 0 0-4.262-3.45a9.65 9.65 0 0 0-5.457-.575a9.65 9.65 0 0 0-5.26-1.556a9.65 9.65 0 0 0-5.26 1.557a9.65 9.65 0 0 0-5.455.574a9.64 9.64 0 0 0-4.263 3.453a9.65 9.65 0 0 0-7.438 7.439a9.65 9.65 0 0 0-4.025 9.72A9.65 9.65 0 0 0 8 35.877c0 1.941.577 3.746 1.559 5.262a9.66 9.66 0 0 0 4.028 9.718a9.65 9.65 0 0 0 7.438 7.436a9.66 9.66 0 0 0 9.718 4.025a9.65 9.65 0 0 0 5.26 1.557a9.65 9.65 0 0 0 5.26-1.557a9.65 9.65 0 0 0 9.718-4.027a9.63 9.63 0 0 0 4.819-2.617a9.63 9.63 0 0 0 2.619-4.822a9.65 9.65 0 0 0 3.45-4.262a9.65 9.65 0 0 0 .575-5.457A9.66 9.66 0 0 0 64 35.875"/><circle cx="19" cy="35" r="2"/><circle cx="32" cy="41" r="2"/><circle cx="30" cy="51" r="2"/><circle cx="46" cy="51" r="2"/><circle cx="52" cy="36" r="2"/><circle cx="48" cy="21" r="2"/><circle cx="32" cy="22" r="2"/></g></svg>
</template>

CSS

.icon-cookie {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M64%2036a9.64%209.64%200%200%200-1.558-5.263a9.64%209.64%200%200%200-.574-5.452a9.64%209.64%200%200%200-3.452-4.265a9.63%209.63%200%200%200-2.618-4.818a9.63%209.63%200%200%200-4.82-2.62a9.65%209.65%200%200%200-4.262-3.45a9.65%209.65%200%200%200-5.457-.575A9.65%209.65%200%200%200%2035.999%208c-1.94%200-3.744.576-5.26%201.558a9.65%209.65%200%200%200-5.455.573a9.64%209.64%200%200%200-4.263%203.454a9.65%209.65%200%200%200-4.82%202.617a9.64%209.64%200%200%200-2.618%204.821a9.65%209.65%200%200%200-4.025%209.72a9.65%209.65%200%200%200%200%2010.52a9.66%209.66%200%200%200%204.029%209.718a9.65%209.65%200%200%200%207.437%207.437a9.65%209.65%200%200%200%204.262%203.451a9.65%209.65%200%200%200%205.457.574A9.65%209.65%200%200%200%2036.003%2064c1.94%200%203.744-.576%205.26-1.558a9.66%209.66%200%200%200%209.718-4.027a9.64%209.64%200%200%200%204.819-2.616a9.63%209.63%200%200%200%202.619-4.823a9.65%209.65%200%200%200%203.45-4.261a9.65%209.65%200%200%200%20.575-5.458A9.65%209.65%200%200%200%2064%2036%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2235%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2241%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2251%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2251%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2236%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2221%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2222%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.939%22%3E%3Cpath%20d%3D%22M64%2035.875a9.63%209.63%200%200%200-1.558-5.262a9.64%209.64%200%200%200-.574-5.453a9.64%209.64%200%200%200-3.452-4.265a9.63%209.63%200%200%200-2.618-4.818a9.63%209.63%200%200%200-4.82-2.62a9.65%209.65%200%200%200-4.262-3.45a9.65%209.65%200%200%200-5.457-.575a9.65%209.65%200%200%200-5.26-1.556a9.65%209.65%200%200%200-5.26%201.557a9.65%209.65%200%200%200-5.455.574a9.64%209.64%200%200%200-4.263%203.453a9.65%209.65%200%200%200-7.438%207.439a9.65%209.65%200%200%200-4.025%209.72A9.65%209.65%200%200%200%208%2035.877c0%201.941.577%203.746%201.559%205.262a9.66%209.66%200%200%200%204.028%209.718a9.65%209.65%200%200%200%207.438%207.436a9.66%209.66%200%200%200%209.718%204.025a9.65%209.65%200%200%200%205.26%201.557a9.65%209.65%200%200%200%205.26-1.557a9.65%209.65%200%200%200%209.718-4.027a9.63%209.63%200%200%200%204.819-2.617a9.63%209.63%200%200%200%202.619-4.822a9.65%209.65%200%200%200%203.45-4.262a9.65%209.65%200%200%200%20.575-5.457A9.66%209.66%200%200%200%2064%2035.875%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2235%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2241%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2251%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2251%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2236%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2221%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2222%22%20r%3D%222%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M64%2036a9.64%209.64%200%200%200-1.558-5.263a9.64%209.64%200%200%200-.574-5.452a9.64%209.64%200%200%200-3.452-4.265a9.63%209.63%200%200%200-2.618-4.818a9.63%209.63%200%200%200-4.82-2.62a9.65%209.65%200%200%200-4.262-3.45a9.65%209.65%200%200%200-5.457-.575A9.65%209.65%200%200%200%2035.999%208c-1.94%200-3.744.576-5.26%201.558a9.65%209.65%200%200%200-5.455.573a9.64%209.64%200%200%200-4.263%203.454a9.65%209.65%200%200%200-4.82%202.617a9.64%209.64%200%200%200-2.618%204.821a9.65%209.65%200%200%200-4.025%209.72a9.65%209.65%200%200%200%200%2010.52a9.66%209.66%200%200%200%204.029%209.718a9.65%209.65%200%200%200%207.437%207.437a9.65%209.65%200%200%200%204.262%203.451a9.65%209.65%200%200%200%205.457.574A9.65%209.65%200%200%200%2036.003%2064c1.94%200%203.744-.576%205.26-1.558a9.66%209.66%200%200%200%209.718-4.027a9.64%209.64%200%200%200%204.819-2.616a9.63%209.63%200%200%200%202.619-4.823a9.65%209.65%200%200%200%203.45-4.261a9.65%209.65%200%200%200%20.575-5.458A9.65%209.65%200%200%200%2064%2036%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2235%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2241%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2251%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2251%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2236%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2221%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2222%22%20r%3D%222%22%20fill%3D%22%236a462f%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.939%22%3E%3Cpath%20d%3D%22M64%2035.875a9.63%209.63%200%200%200-1.558-5.262a9.64%209.64%200%200%200-.574-5.453a9.64%209.64%200%200%200-3.452-4.265a9.63%209.63%200%200%200-2.618-4.818a9.63%209.63%200%200%200-4.82-2.62a9.65%209.65%200%200%200-4.262-3.45a9.65%209.65%200%200%200-5.457-.575a9.65%209.65%200%200%200-5.26-1.556a9.65%209.65%200%200%200-5.26%201.557a9.65%209.65%200%200%200-5.455.574a9.64%209.64%200%200%200-4.263%203.453a9.65%209.65%200%200%200-7.438%207.439a9.65%209.65%200%200%200-4.025%209.72A9.65%209.65%200%200%200%208%2035.877c0%201.941.577%203.746%201.559%205.262a9.66%209.66%200%200%200%204.028%209.718a9.65%209.65%200%200%200%207.438%207.436a9.66%209.66%200%200%200%209.718%204.025a9.65%209.65%200%200%200%205.26%201.557a9.65%209.65%200%200%200%205.26-1.557a9.65%209.65%200%200%200%209.718-4.027a9.63%209.63%200%200%200%204.819-2.617a9.63%209.63%200%200%200%202.619-4.822a9.65%209.65%200%200%200%203.45-4.262a9.65%209.65%200%200%200%20.575-5.457A9.66%209.66%200%200%200%2064%2035.875%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2235%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2241%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2251%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2251%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2236%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2221%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2222%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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