cookie emoji
cookie from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- cookie
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
cookieBootstrap IconscookieBoxIcons v2cookieBoxIcons v2 SolidcookieCarboncookieEmoji One (Colored)cookieFont Awesome 6 SolidcookieFont Awesome Solidcookie-outlineFlowbite IconscookieFluent EmojicookieFluent Emoji FlatcookieFluent Emoji High ContrastcookieHuge IconscookieIconoircookieLine AwesomecookieMaterial Line IconscookieLucidecookieMajesticonscookieMaterial SymbolscookieMaterial Symbols LightcookieMaterial Design Iconscookie-fillMingCute IconcookieMyna UI IconscookieNoto EmojicookieOpenMoji
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the cookie emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D19B61" d="M30.588 157.435C45.694 92.479 111.838 11.252 210.984 8.688s188.907 23.082 247.894 100.02s58.986 220.881 25.646 265.6s-41.869 142.173-192.764 131.914C140.866 495.964 87.009 464.001 38.281 394.068s-28.245-148.266-7.693-236.633"/><path fill="#4F3D30" d="M161.834 173.737c0 10.843-18.425 19.634-41.154 19.634s-41.154-8.79-41.154-19.634c0-26.124 43.257-30.846 43.791-41.152c.1-1.933 2.78-3.171 5.053-2.251c11.912 4.825 33.464 17.179 33.464 43.403m161.668 236.249c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532 2.366c-.479 10.834-39.281 15.797-39.281 43.258c0 11.398 16.528 20.638 36.915 20.638s36.915-9.24 36.915-20.638c0-27.566-19.333-40.552-30.017-45.624"/><path fill="#332A23" d="M264.821 274.863c0 10.345-16.528 18.731-36.915 18.731s-36.915-8.386-36.915-18.731c0-24.923 38.802-29.428 39.281-39.261c.09-1.845 2.494-3.026 4.532-2.147c10.684 4.603 30.017 16.389 30.017 41.408m6.898-210.826c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102 54.782c-1.858-.913-4.049.315-4.131 2.233c-.437 10.227-35.806 14.912-35.806 40.833c0 10.759 15.065 19.482 33.65 19.482c18.584 0 33.65-8.722 33.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287 237.23c-2.272-1.117-4.951.385-5.052 2.731c-.534 12.504-43.782 18.233-43.782 49.929c0 13.156 18.421 23.821 41.145 23.821s41.145-10.665 41.145-23.821c0-31.818-21.548-46.806-33.456-52.66"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiCookie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D19B61" d="M30.588 157.435C45.694 92.479 111.838 11.252 210.984 8.688s188.907 23.082 247.894 100.02s58.986 220.881 25.646 265.6s-41.869 142.173-192.764 131.914C140.866 495.964 87.009 464.001 38.281 394.068s-28.245-148.266-7.693-236.633"/><path fill="#4F3D30" d="M161.834 173.737c0 10.843-18.425 19.634-41.154 19.634s-41.154-8.79-41.154-19.634c0-26.124 43.257-30.846 43.791-41.152c.1-1.933 2.78-3.171 5.053-2.251c11.912 4.825 33.464 17.179 33.464 43.403m161.668 236.249c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532 2.366c-.479 10.834-39.281 15.797-39.281 43.258c0 11.398 16.528 20.638 36.915 20.638s36.915-9.24 36.915-20.638c0-27.566-19.333-40.552-30.017-45.624"/><path fill="#332A23" d="M264.821 274.863c0 10.345-16.528 18.731-36.915 18.731s-36.915-8.386-36.915-18.731c0-24.923 38.802-29.428 39.281-39.261c.09-1.845 2.494-3.026 4.532-2.147c10.684 4.603 30.017 16.389 30.017 41.408m6.898-210.826c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102 54.782c-1.858-.913-4.049.315-4.131 2.233c-.437 10.227-35.806 14.912-35.806 40.833c0 10.759 15.065 19.482 33.65 19.482c18.584 0 33.65-8.722 33.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287 237.23c-2.272-1.117-4.951.385-5.052 2.731c-.534 12.504-43.782 18.233-43.782 49.929c0 13.156 18.421 23.821 41.145 23.821s41.145-10.665 41.145-23.821c0-31.818-21.548-46.806-33.456-52.66"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D19B61" d="M30.588 157.435C45.694 92.479 111.838 11.252 210.984 8.688s188.907 23.082 247.894 100.02s58.986 220.881 25.646 265.6s-41.869 142.173-192.764 131.914C140.866 495.964 87.009 464.001 38.281 394.068s-28.245-148.266-7.693-236.633"/><path fill="#4F3D30" d="M161.834 173.737c0 10.843-18.425 19.634-41.154 19.634s-41.154-8.79-41.154-19.634c0-26.124 43.257-30.846 43.791-41.152c.1-1.933 2.78-3.171 5.053-2.251c11.912 4.825 33.464 17.179 33.464 43.403m161.668 236.249c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532 2.366c-.479 10.834-39.281 15.797-39.281 43.258c0 11.398 16.528 20.638 36.915 20.638s36.915-9.24 36.915-20.638c0-27.566-19.333-40.552-30.017-45.624"/><path fill="#332A23" d="M264.821 274.863c0 10.345-16.528 18.731-36.915 18.731s-36.915-8.386-36.915-18.731c0-24.923 38.802-29.428 39.281-39.261c.09-1.845 2.494-3.026 4.532-2.147c10.684 4.603 30.017 16.389 30.017 41.408m6.898-210.826c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102 54.782c-1.858-.913-4.049.315-4.131 2.233c-.437 10.227-35.806 14.912-35.806 40.833c0 10.759 15.065 19.482 33.65 19.482c18.584 0 33.65-8.722 33.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287 237.23c-2.272-1.117-4.951.385-5.052 2.731c-.534 12.504-43.782 18.233-43.782 49.929c0 13.156 18.421 23.821 41.145 23.821s41.145-10.665 41.145-23.821c0-31.818-21.548-46.806-33.456-52.66"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%23D19B61%22%20d%3D%22M30.588%20157.435C45.694%2092.479%20111.838%2011.252%20210.984%208.688s188.907%2023.082%20247.894%20100.02s58.986%20220.881%2025.646%20265.6s-41.869%20142.173-192.764%20131.914C140.866%20495.964%2087.009%20464.001%2038.281%20394.068s-28.245-148.266-7.693-236.633%22%2F%3E%3Cpath%20fill%3D%22%234F3D30%22%20d%3D%22M161.834%20173.737c0%2010.843-18.425%2019.634-41.154%2019.634s-41.154-8.79-41.154-19.634c0-26.124%2043.257-30.846%2043.791-41.152c.1-1.933%202.78-3.171%205.053-2.251c11.912%204.825%2033.464%2017.179%2033.464%2043.403m161.668%20236.249c-2.039-.662-4.442.228-4.532%201.618c-.479%207.408-39.281%2010.802-39.281%2029.579c0%207.794%2016.528%2014.112%2036.915%2014.112s36.915-6.318%2036.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532%202.366c-.479%2010.834-39.281%2015.797-39.281%2043.258c0%2011.398%2016.528%2020.638%2036.915%2020.638s36.915-9.24%2036.915-20.638c0-27.566-19.333-40.552-30.017-45.624%22%2F%3E%3Cpath%20fill%3D%22%23332A23%22%20d%3D%22M264.821%20274.863c0%2010.345-16.528%2018.731-36.915%2018.731s-36.915-8.386-36.915-18.731c0-24.923%2038.802-29.428%2039.281-39.261c.09-1.845%202.494-3.026%204.532-2.147c10.684%204.603%2030.017%2016.389%2030.017%2041.408m6.898-210.826c-2.039-.662-4.442.228-4.532%201.618c-.479%207.408-39.281%2010.802-39.281%2029.579c0%207.794%2016.528%2014.112%2036.915%2014.112s36.915-6.318%2036.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102%2054.782c-1.858-.913-4.049.315-4.131%202.233c-.437%2010.227-35.806%2014.912-35.806%2040.833c0%2010.759%2015.065%2019.482%2033.65%2019.482c18.584%200%2033.65-8.722%2033.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287%20237.23c-2.272-1.117-4.951.385-5.052%202.731c-.534%2012.504-43.782%2018.233-43.782%2049.929c0%2013.156%2018.421%2023.821%2041.145%2023.821s41.145-10.665%2041.145-23.821c0-31.818-21.548-46.806-33.456-52.66%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23D19B61%22%20d%3D%22M30.588%20157.435C45.694%2092.479%20111.838%2011.252%20210.984%208.688s188.907%2023.082%20247.894%20100.02s58.986%20220.881%2025.646%20265.6s-41.869%20142.173-192.764%20131.914C140.866%20495.964%2087.009%20464.001%2038.281%20394.068s-28.245-148.266-7.693-236.633%22%2F%3E%3Cpath%20fill%3D%22%234F3D30%22%20d%3D%22M161.834%20173.737c0%2010.843-18.425%2019.634-41.154%2019.634s-41.154-8.79-41.154-19.634c0-26.124%2043.257-30.846%2043.791-41.152c.1-1.933%202.78-3.171%205.053-2.251c11.912%204.825%2033.464%2017.179%2033.464%2043.403m161.668%20236.249c-2.039-.662-4.442.228-4.532%201.618c-.479%207.408-39.281%2010.802-39.281%2029.579c0%207.794%2016.528%2014.112%2036.915%2014.112s36.915-6.318%2036.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532%202.366c-.479%2010.834-39.281%2015.797-39.281%2043.258c0%2011.398%2016.528%2020.638%2036.915%2020.638s36.915-9.24%2036.915-20.638c0-27.566-19.333-40.552-30.017-45.624%22%2F%3E%3Cpath%20fill%3D%22%23332A23%22%20d%3D%22M264.821%20274.863c0%2010.345-16.528%2018.731-36.915%2018.731s-36.915-8.386-36.915-18.731c0-24.923%2038.802-29.428%2039.281-39.261c.09-1.845%202.494-3.026%204.532-2.147c10.684%204.603%2030.017%2016.389%2030.017%2041.408m6.898-210.826c-2.039-.662-4.442.228-4.532%201.618c-.479%207.408-39.281%2010.802-39.281%2029.579c0%207.794%2016.528%2014.112%2036.915%2014.112s36.915-6.318%2036.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102%2054.782c-1.858-.913-4.049.315-4.131%202.233c-.437%2010.227-35.806%2014.912-35.806%2040.833c0%2010.759%2015.065%2019.482%2033.65%2019.482c18.584%200%2033.65-8.722%2033.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287%20237.23c-2.272-1.117-4.951.385-5.052%202.731c-.534%2012.504-43.782%2018.233-43.782%2049.929c0%2013.156%2018.421%2023.821%2041.145%2023.821s41.145-10.665%2041.145-23.821c0-31.818-21.548-46.806-33.456-52.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/cookie.svg?color=%231a73e8&size=48
