cookie emoji

cookie from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
cookie
Set
Fluent Emoji High Contrast
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

cookieBootstrap IconscookieBoxIcons v2cookieBoxIcons v2 SolidcookieCarboncookieEmoji One (Colored)cookieFont Awesome 6 SolidcookieFont Awesome Solidcookie-outlineFlowbite IconscookieFluent EmojicookieFluent Emoji FlatcookieFirefox OS EmojicookieHuge IconscookieIconoircookieLine AwesomecookieMaterial Line IconscookieLucidecookieMajesticonscookieMaterial SymbolscookieMaterial Symbols LightcookieMaterial Design Iconscookie-fillMingCute IconcookieMyna UI IconscookieNoto EmojicookieOpenMoji

More food & drink icons from Fluent Emoji High Contrast

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 32 32"><g fill="currentColor"><path d="m20.51 8.36l-.62-.04c-.52-.04-1.01-.33-1.24-.83c-.38-.77-.04-1.71.76-2.05a1.51 1.51 0 0 1 1.85.59c.13.22.21.47.22.71l.04.61a.95.95 0 0 1-1.01 1.01m6.45 5.63l-.04.62c-.04.52-.33 1.01-.83 1.24c-.77.38-1.71.04-2.05-.76a1.51 1.51 0 0 1 .59-1.85c.22-.13.47-.21.71-.22l.61-.04a.95.95 0 0 1 1.01 1.01m-16.29 9.76l-.05.77c-.05.71.54 1.3 1.25 1.25l.76-.05c.3-.02.6-.11.88-.28a1.87 1.87 0 0 0 .73-2.3a1.85 1.85 0 0 0-2.54-.94c-.62.31-.99.91-1.03 1.55m9.76-9.02l-.03.46a2.87 2.87 0 0 1-1.62 2.43c-1.51.75-3.36.08-4.01-1.51a2.93 2.93 0 0 1 1.22-3.62c.42-.25.87-.38 1.32-.4l.45-.03a2.514 2.514 0 0 1 2.67 2.67M7.68 9.42L7.65 9c-.08-1.37 1.05-2.51 2.42-2.42l.41.03c.41.02.82.14 1.2.36c1.13.66 1.6 2.08 1.11 3.29a2.656 2.656 0 0 1-3.64 1.37c-.88-.44-1.41-1.3-1.47-2.21m16.6 13.76l-.02-.36c-.05-.79-.5-1.52-1.26-1.88a2.27 2.27 0 0 0-3.12 1.17c-.42 1.03-.02 2.24.95 2.81c.33.19.68.29 1.03.31l.35.02c1.17.08 2.15-.9 2.07-2.07M5.91 17.54l-.04-.62a.95.95 0 0 1 1.01-1.01l.61.04c.24.01.49.09.71.22c.62.39.87 1.18.59 1.85c-.34.8-1.28 1.14-2.05.76c-.5-.23-.8-.72-.83-1.24"/><path d="M16 1C11.952 1 8.19 2.16 5.429 4.671C2.65 7.197 1 10.985 1 16c0 4.883 1.656 8.664 4.423 11.219C8.177 29.76 11.937 31 16 31c4.064 0 7.824-1.247 10.578-3.793C29.344 24.649 31 20.869 31 16c0-4.95-1.653-8.734-4.426-11.274C23.816 2.2 20.055 1 16 1M3 16c0-4.555 1.484-7.767 3.774-9.849C9.08 4.054 12.318 3 16 3c3.675 0 6.914 1.085 9.223 3.201C27.518 8.304 29 11.52 29 16c0 4.392-1.479 7.61-3.78 9.738C22.906 27.878 19.666 29 16 29s-6.907-1.116-9.22-3.251C4.48 23.626 3 20.407 3 16"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastCookie(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m20.51 8.36l-.62-.04c-.52-.04-1.01-.33-1.24-.83c-.38-.77-.04-1.71.76-2.05a1.51 1.51 0 0 1 1.85.59c.13.22.21.47.22.71l.04.61a.95.95 0 0 1-1.01 1.01m6.45 5.63l-.04.62c-.04.52-.33 1.01-.83 1.24c-.77.38-1.71.04-2.05-.76a1.51 1.51 0 0 1 .59-1.85c.22-.13.47-.21.71-.22l.61-.04a.95.95 0 0 1 1.01 1.01m-16.29 9.76l-.05.77c-.05.71.54 1.3 1.25 1.25l.76-.05c.3-.02.6-.11.88-.28a1.87 1.87 0 0 0 .73-2.3a1.85 1.85 0 0 0-2.54-.94c-.62.31-.99.91-1.03 1.55m9.76-9.02l-.03.46a2.87 2.87 0 0 1-1.62 2.43c-1.51.75-3.36.08-4.01-1.51a2.93 2.93 0 0 1 1.22-3.62c.42-.25.87-.38 1.32-.4l.45-.03a2.514 2.514 0 0 1 2.67 2.67M7.68 9.42L7.65 9c-.08-1.37 1.05-2.51 2.42-2.42l.41.03c.41.02.82.14 1.2.36c1.13.66 1.6 2.08 1.11 3.29a2.656 2.656 0 0 1-3.64 1.37c-.88-.44-1.41-1.3-1.47-2.21m16.6 13.76l-.02-.36c-.05-.79-.5-1.52-1.26-1.88a2.27 2.27 0 0 0-3.12 1.17c-.42 1.03-.02 2.24.95 2.81c.33.19.68.29 1.03.31l.35.02c1.17.08 2.15-.9 2.07-2.07M5.91 17.54l-.04-.62a.95.95 0 0 1 1.01-1.01l.61.04c.24.01.49.09.71.22c.62.39.87 1.18.59 1.85c-.34.8-1.28 1.14-2.05.76c-.5-.23-.8-.72-.83-1.24"/><path d="M16 1C11.952 1 8.19 2.16 5.429 4.671C2.65 7.197 1 10.985 1 16c0 4.883 1.656 8.664 4.423 11.219C8.177 29.76 11.937 31 16 31c4.064 0 7.824-1.247 10.578-3.793C29.344 24.649 31 20.869 31 16c0-4.95-1.653-8.734-4.426-11.274C23.816 2.2 20.055 1 16 1M3 16c0-4.555 1.484-7.767 3.774-9.849C9.08 4.054 12.318 3 16 3c3.675 0 6.914 1.085 9.223 3.201C27.518 8.304 29 11.52 29 16c0 4.392-1.479 7.61-3.78 9.738C22.906 27.878 19.666 29 16 29s-6.907-1.116-9.22-3.251C4.48 23.626 3 20.407 3 16"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m20.51 8.36l-.62-.04c-.52-.04-1.01-.33-1.24-.83c-.38-.77-.04-1.71.76-2.05a1.51 1.51 0 0 1 1.85.59c.13.22.21.47.22.71l.04.61a.95.95 0 0 1-1.01 1.01m6.45 5.63l-.04.62c-.04.52-.33 1.01-.83 1.24c-.77.38-1.71.04-2.05-.76a1.51 1.51 0 0 1 .59-1.85c.22-.13.47-.21.71-.22l.61-.04a.95.95 0 0 1 1.01 1.01m-16.29 9.76l-.05.77c-.05.71.54 1.3 1.25 1.25l.76-.05c.3-.02.6-.11.88-.28a1.87 1.87 0 0 0 .73-2.3a1.85 1.85 0 0 0-2.54-.94c-.62.31-.99.91-1.03 1.55m9.76-9.02l-.03.46a2.87 2.87 0 0 1-1.62 2.43c-1.51.75-3.36.08-4.01-1.51a2.93 2.93 0 0 1 1.22-3.62c.42-.25.87-.38 1.32-.4l.45-.03a2.514 2.514 0 0 1 2.67 2.67M7.68 9.42L7.65 9c-.08-1.37 1.05-2.51 2.42-2.42l.41.03c.41.02.82.14 1.2.36c1.13.66 1.6 2.08 1.11 3.29a2.656 2.656 0 0 1-3.64 1.37c-.88-.44-1.41-1.3-1.47-2.21m16.6 13.76l-.02-.36c-.05-.79-.5-1.52-1.26-1.88a2.27 2.27 0 0 0-3.12 1.17c-.42 1.03-.02 2.24.95 2.81c.33.19.68.29 1.03.31l.35.02c1.17.08 2.15-.9 2.07-2.07M5.91 17.54l-.04-.62a.95.95 0 0 1 1.01-1.01l.61.04c.24.01.49.09.71.22c.62.39.87 1.18.59 1.85c-.34.8-1.28 1.14-2.05.76c-.5-.23-.8-.72-.83-1.24"/><path d="M16 1C11.952 1 8.19 2.16 5.429 4.671C2.65 7.197 1 10.985 1 16c0 4.883 1.656 8.664 4.423 11.219C8.177 29.76 11.937 31 16 31c4.064 0 7.824-1.247 10.578-3.793C29.344 24.649 31 20.869 31 16c0-4.95-1.653-8.734-4.426-11.274C23.816 2.2 20.055 1 16 1M3 16c0-4.555 1.484-7.767 3.774-9.849C9.08 4.054 12.318 3 16 3c3.675 0 6.914 1.085 9.223 3.201C27.518 8.304 29 11.52 29 16c0 4.392-1.479 7.61-3.78 9.738C22.906 27.878 19.666 29 16 29s-6.907-1.116-9.22-3.251C4.48 23.626 3 20.407 3 16"/></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m20.51%208.36l-.62-.04c-.52-.04-1.01-.33-1.24-.83c-.38-.77-.04-1.71.76-2.05a1.51%201.51%200%200%201%201.85.59c.13.22.21.47.22.71l.04.61a.95.95%200%200%201-1.01%201.01m6.45%205.63l-.04.62c-.04.52-.33%201.01-.83%201.24c-.77.38-1.71.04-2.05-.76a1.51%201.51%200%200%201%20.59-1.85c.22-.13.47-.21.71-.22l.61-.04a.95.95%200%200%201%201.01%201.01m-16.29%209.76l-.05.77c-.05.71.54%201.3%201.25%201.25l.76-.05c.3-.02.6-.11.88-.28a1.87%201.87%200%200%200%20.73-2.3a1.85%201.85%200%200%200-2.54-.94c-.62.31-.99.91-1.03%201.55m9.76-9.02l-.03.46a2.87%202.87%200%200%201-1.62%202.43c-1.51.75-3.36.08-4.01-1.51a2.93%202.93%200%200%201%201.22-3.62c.42-.25.87-.38%201.32-.4l.45-.03a2.514%202.514%200%200%201%202.67%202.67M7.68%209.42L7.65%209c-.08-1.37%201.05-2.51%202.42-2.42l.41.03c.41.02.82.14%201.2.36c1.13.66%201.6%202.08%201.11%203.29a2.656%202.656%200%200%201-3.64%201.37c-.88-.44-1.41-1.3-1.47-2.21m16.6%2013.76l-.02-.36c-.05-.79-.5-1.52-1.26-1.88a2.27%202.27%200%200%200-3.12%201.17c-.42%201.03-.02%202.24.95%202.81c.33.19.68.29%201.03.31l.35.02c1.17.08%202.15-.9%202.07-2.07M5.91%2017.54l-.04-.62a.95.95%200%200%201%201.01-1.01l.61.04c.24.01.49.09.71.22c.62.39.87%201.18.59%201.85c-.34.8-1.28%201.14-2.05.76c-.5-.23-.8-.72-.83-1.24%22%2F%3E%3Cpath%20d%3D%22M16%201C11.952%201%208.19%202.16%205.429%204.671C2.65%207.197%201%2010.985%201%2016c0%204.883%201.656%208.664%204.423%2011.219C8.177%2029.76%2011.937%2031%2016%2031c4.064%200%207.824-1.247%2010.578-3.793C29.344%2024.649%2031%2020.869%2031%2016c0-4.95-1.653-8.734-4.426-11.274C23.816%202.2%2020.055%201%2016%201M3%2016c0-4.555%201.484-7.767%203.774-9.849C9.08%204.054%2012.318%203%2016%203c3.675%200%206.914%201.085%209.223%203.201C27.518%208.304%2029%2011.52%2029%2016c0%204.392-1.479%207.61-3.78%209.738C22.906%2027.878%2019.666%2029%2016%2029s-6.907-1.116-9.22-3.251C4.48%2023.626%203%2020.407%203%2016%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m20.51%208.36l-.62-.04c-.52-.04-1.01-.33-1.24-.83c-.38-.77-.04-1.71.76-2.05a1.51%201.51%200%200%201%201.85.59c.13.22.21.47.22.71l.04.61a.95.95%200%200%201-1.01%201.01m6.45%205.63l-.04.62c-.04.52-.33%201.01-.83%201.24c-.77.38-1.71.04-2.05-.76a1.51%201.51%200%200%201%20.59-1.85c.22-.13.47-.21.71-.22l.61-.04a.95.95%200%200%201%201.01%201.01m-16.29%209.76l-.05.77c-.05.71.54%201.3%201.25%201.25l.76-.05c.3-.02.6-.11.88-.28a1.87%201.87%200%200%200%20.73-2.3a1.85%201.85%200%200%200-2.54-.94c-.62.31-.99.91-1.03%201.55m9.76-9.02l-.03.46a2.87%202.87%200%200%201-1.62%202.43c-1.51.75-3.36.08-4.01-1.51a2.93%202.93%200%200%201%201.22-3.62c.42-.25.87-.38%201.32-.4l.45-.03a2.514%202.514%200%200%201%202.67%202.67M7.68%209.42L7.65%209c-.08-1.37%201.05-2.51%202.42-2.42l.41.03c.41.02.82.14%201.2.36c1.13.66%201.6%202.08%201.11%203.29a2.656%202.656%200%200%201-3.64%201.37c-.88-.44-1.41-1.3-1.47-2.21m16.6%2013.76l-.02-.36c-.05-.79-.5-1.52-1.26-1.88a2.27%202.27%200%200%200-3.12%201.17c-.42%201.03-.02%202.24.95%202.81c.33.19.68.29%201.03.31l.35.02c1.17.08%202.15-.9%202.07-2.07M5.91%2017.54l-.04-.62a.95.95%200%200%201%201.01-1.01l.61.04c.24.01.49.09.71.22c.62.39.87%201.18.59%201.85c-.34.8-1.28%201.14-2.05.76c-.5-.23-.8-.72-.83-1.24%22%2F%3E%3Cpath%20d%3D%22M16%201C11.952%201%208.19%202.16%205.429%204.671C2.65%207.197%201%2010.985%201%2016c0%204.883%201.656%208.664%204.423%2011.219C8.177%2029.76%2011.937%2031%2016%2031c4.064%200%207.824-1.247%2010.578-3.793C29.344%2024.649%2031%2020.869%2031%2016c0-4.95-1.653-8.734-4.426-11.274C23.816%202.2%2020.055%201%2016%201M3%2016c0-4.555%201.484-7.767%203.774-9.849C9.08%204.054%2012.318%203%2016%203c3.675%200%206.914%201.085%209.223%203.201C27.518%208.304%2029%2011.52%2029%2016c0%204.392-1.479%207.61-3.78%209.738C22.906%2027.878%2019.666%2029%2016%2029s-6.907-1.116-9.22-3.251C4.48%2023.626%203%2020.407%203%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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