cookie emoji
cookie from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- cookie
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.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 ContrastcookieFirefox OS EmojicookieHuge IconscookieIconoircookieLine AwesomecookieMaterial Line IconscookieLucidecookieMajesticonscookieMaterial SymbolscookieMaterial Symbols LightcookieMaterial Design Iconscookie-fillMingCute IconcookieMyna UI IconscookieNoto Emoji
More food & drink icons from Twitter Emoji
Use the cookie emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#da9f83" d="M34.966 17.87c.414 4.649-2.082 8.731-4.831 12.206c-2.304 2.554-5.602 3.631-8.901 4.285c-3.198 1.089-6.766.739-9.716-.895c-1.034-.43-2.248-.559-3.167-1.176c-2.879-1.846-4.524-4.927-5.779-8.029c-1.627-2.916-1.74-6.483-1.414-9.742c.219-1.107.967-2.032 1.388-3.051c.729-2.127 1.916-3.963 3.569-5.475c.786-.787 1.377-1.823 2.303-2.444c.919-.617 2.103-.758 3.137-1.188c1.016-.422 1.968-1.08 3.072-1.299c1.072-.213 2.201.106 3.335.106c2.235-.056 4.482.148 6.575.789c1.034.43 1.781 1.38 2.7 1.997c.926.622 1.999 1.04 2.784 1.827c1.603 1.566 2.984 3.411 3.94 5.446c.65 2.109.957 4.389 1.005 6.643"/><path fill="#8a4b38" d="M22.638 16.947a2.245 2.245 0 0 1 1.386 4.271c-1.181.384-3.871.201-4.255-.978c-.383-1.181 1.687-2.911 2.869-3.293m8.57-.672a1.069 1.069 0 1 1-1.638-1.377c.381-.451 1.514-1.057 1.966-.677c.453.381.053 1.601-.328 2.054m-22-7A1.069 1.069 0 1 1 7.57 7.898c.381-.451 1.514-1.057 1.966-.677c.453.381.053 1.601-.328 2.054m12.093-1.894a1.607 1.607 0 1 1 1.732-2.71c.749.479 1.872 2.05 1.394 2.798c-.48.75-2.377.392-3.126-.088m-7.926 6.217a2.145 2.145 0 1 1 3.869-1.856c.513 1.07.682 3.643-.387 4.154c-1.071.514-2.971-1.227-3.482-2.298m1.024 14.099a1.92 1.92 0 0 1 2.672-.492c.874.605 1.094 1.801.49 2.675s-2.528 2.147-3.4 1.544c-.875-.604-.366-2.854.238-3.727m10.013-.406a1.473 1.473 0 1 1 1.586-2.481c.686.438 1.715 1.878 1.276 2.562c-.438.688-2.176.359-2.862-.081M5.536 18.42a2.069 2.069 0 1 1 3.084 2.759c-.763.854-2.992 1.955-3.843 1.191c-.854-.763-.005-3.099.759-3.95"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCookie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#da9f83" d="M34.966 17.87c.414 4.649-2.082 8.731-4.831 12.206c-2.304 2.554-5.602 3.631-8.901 4.285c-3.198 1.089-6.766.739-9.716-.895c-1.034-.43-2.248-.559-3.167-1.176c-2.879-1.846-4.524-4.927-5.779-8.029c-1.627-2.916-1.74-6.483-1.414-9.742c.219-1.107.967-2.032 1.388-3.051c.729-2.127 1.916-3.963 3.569-5.475c.786-.787 1.377-1.823 2.303-2.444c.919-.617 2.103-.758 3.137-1.188c1.016-.422 1.968-1.08 3.072-1.299c1.072-.213 2.201.106 3.335.106c2.235-.056 4.482.148 6.575.789c1.034.43 1.781 1.38 2.7 1.997c.926.622 1.999 1.04 2.784 1.827c1.603 1.566 2.984 3.411 3.94 5.446c.65 2.109.957 4.389 1.005 6.643"/><path fill="#8a4b38" d="M22.638 16.947a2.245 2.245 0 0 1 1.386 4.271c-1.181.384-3.871.201-4.255-.978c-.383-1.181 1.687-2.911 2.869-3.293m8.57-.672a1.069 1.069 0 1 1-1.638-1.377c.381-.451 1.514-1.057 1.966-.677c.453.381.053 1.601-.328 2.054m-22-7A1.069 1.069 0 1 1 7.57 7.898c.381-.451 1.514-1.057 1.966-.677c.453.381.053 1.601-.328 2.054m12.093-1.894a1.607 1.607 0 1 1 1.732-2.71c.749.479 1.872 2.05 1.394 2.798c-.48.75-2.377.392-3.126-.088m-7.926 6.217a2.145 2.145 0 1 1 3.869-1.856c.513 1.07.682 3.643-.387 4.154c-1.071.514-2.971-1.227-3.482-2.298m1.024 14.099a1.92 1.92 0 0 1 2.672-.492c.874.605 1.094 1.801.49 2.675s-2.528 2.147-3.4 1.544c-.875-.604-.366-2.854.238-3.727m10.013-.406a1.473 1.473 0 1 1 1.586-2.481c.686.438 1.715 1.878 1.276 2.562c-.438.688-2.176.359-2.862-.081M5.536 18.42a2.069 2.069 0 1 1 3.084 2.759c-.763.854-2.992 1.955-3.843 1.191c-.854-.763-.005-3.099.759-3.95"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#da9f83" d="M34.966 17.87c.414 4.649-2.082 8.731-4.831 12.206c-2.304 2.554-5.602 3.631-8.901 4.285c-3.198 1.089-6.766.739-9.716-.895c-1.034-.43-2.248-.559-3.167-1.176c-2.879-1.846-4.524-4.927-5.779-8.029c-1.627-2.916-1.74-6.483-1.414-9.742c.219-1.107.967-2.032 1.388-3.051c.729-2.127 1.916-3.963 3.569-5.475c.786-.787 1.377-1.823 2.303-2.444c.919-.617 2.103-.758 3.137-1.188c1.016-.422 1.968-1.08 3.072-1.299c1.072-.213 2.201.106 3.335.106c2.235-.056 4.482.148 6.575.789c1.034.43 1.781 1.38 2.7 1.997c.926.622 1.999 1.04 2.784 1.827c1.603 1.566 2.984 3.411 3.94 5.446c.65 2.109.957 4.389 1.005 6.643"/><path fill="#8a4b38" d="M22.638 16.947a2.245 2.245 0 0 1 1.386 4.271c-1.181.384-3.871.201-4.255-.978c-.383-1.181 1.687-2.911 2.869-3.293m8.57-.672a1.069 1.069 0 1 1-1.638-1.377c.381-.451 1.514-1.057 1.966-.677c.453.381.053 1.601-.328 2.054m-22-7A1.069 1.069 0 1 1 7.57 7.898c.381-.451 1.514-1.057 1.966-.677c.453.381.053 1.601-.328 2.054m12.093-1.894a1.607 1.607 0 1 1 1.732-2.71c.749.479 1.872 2.05 1.394 2.798c-.48.75-2.377.392-3.126-.088m-7.926 6.217a2.145 2.145 0 1 1 3.869-1.856c.513 1.07.682 3.643-.387 4.154c-1.071.514-2.971-1.227-3.482-2.298m1.024 14.099a1.92 1.92 0 0 1 2.672-.492c.874.605 1.094 1.801.49 2.675s-2.528 2.147-3.4 1.544c-.875-.604-.366-2.854.238-3.727m10.013-.406a1.473 1.473 0 1 1 1.586-2.481c.686.438 1.715 1.878 1.276 2.562c-.438.688-2.176.359-2.862-.081M5.536 18.42a2.069 2.069 0 1 1 3.084 2.759c-.763.854-2.992 1.955-3.843 1.191c-.854-.763-.005-3.099.759-3.95"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23da9f83%22%20d%3D%22M34.966%2017.87c.414%204.649-2.082%208.731-4.831%2012.206c-2.304%202.554-5.602%203.631-8.901%204.285c-3.198%201.089-6.766.739-9.716-.895c-1.034-.43-2.248-.559-3.167-1.176c-2.879-1.846-4.524-4.927-5.779-8.029c-1.627-2.916-1.74-6.483-1.414-9.742c.219-1.107.967-2.032%201.388-3.051c.729-2.127%201.916-3.963%203.569-5.475c.786-.787%201.377-1.823%202.303-2.444c.919-.617%202.103-.758%203.137-1.188c1.016-.422%201.968-1.08%203.072-1.299c1.072-.213%202.201.106%203.335.106c2.235-.056%204.482.148%206.575.789c1.034.43%201.781%201.38%202.7%201.997c.926.622%201.999%201.04%202.784%201.827c1.603%201.566%202.984%203.411%203.94%205.446c.65%202.109.957%204.389%201.005%206.643%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M22.638%2016.947a2.245%202.245%200%200%201%201.386%204.271c-1.181.384-3.871.201-4.255-.978c-.383-1.181%201.687-2.911%202.869-3.293m8.57-.672a1.069%201.069%200%201%201-1.638-1.377c.381-.451%201.514-1.057%201.966-.677c.453.381.053%201.601-.328%202.054m-22-7A1.069%201.069%200%201%201%207.57%207.898c.381-.451%201.514-1.057%201.966-.677c.453.381.053%201.601-.328%202.054m12.093-1.894a1.607%201.607%200%201%201%201.732-2.71c.749.479%201.872%202.05%201.394%202.798c-.48.75-2.377.392-3.126-.088m-7.926%206.217a2.145%202.145%200%201%201%203.869-1.856c.513%201.07.682%203.643-.387%204.154c-1.071.514-2.971-1.227-3.482-2.298m1.024%2014.099a1.92%201.92%200%200%201%202.672-.492c.874.605%201.094%201.801.49%202.675s-2.528%202.147-3.4%201.544c-.875-.604-.366-2.854.238-3.727m10.013-.406a1.473%201.473%200%201%201%201.586-2.481c.686.438%201.715%201.878%201.276%202.562c-.438.688-2.176.359-2.862-.081M5.536%2018.42a2.069%202.069%200%201%201%203.084%202.759c-.763.854-2.992%201.955-3.843%201.191c-.854-.763-.005-3.099.759-3.95%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23da9f83%22%20d%3D%22M34.966%2017.87c.414%204.649-2.082%208.731-4.831%2012.206c-2.304%202.554-5.602%203.631-8.901%204.285c-3.198%201.089-6.766.739-9.716-.895c-1.034-.43-2.248-.559-3.167-1.176c-2.879-1.846-4.524-4.927-5.779-8.029c-1.627-2.916-1.74-6.483-1.414-9.742c.219-1.107.967-2.032%201.388-3.051c.729-2.127%201.916-3.963%203.569-5.475c.786-.787%201.377-1.823%202.303-2.444c.919-.617%202.103-.758%203.137-1.188c1.016-.422%201.968-1.08%203.072-1.299c1.072-.213%202.201.106%203.335.106c2.235-.056%204.482.148%206.575.789c1.034.43%201.781%201.38%202.7%201.997c.926.622%201.999%201.04%202.784%201.827c1.603%201.566%202.984%203.411%203.94%205.446c.65%202.109.957%204.389%201.005%206.643%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M22.638%2016.947a2.245%202.245%200%200%201%201.386%204.271c-1.181.384-3.871.201-4.255-.978c-.383-1.181%201.687-2.911%202.869-3.293m8.57-.672a1.069%201.069%200%201%201-1.638-1.377c.381-.451%201.514-1.057%201.966-.677c.453.381.053%201.601-.328%202.054m-22-7A1.069%201.069%200%201%201%207.57%207.898c.381-.451%201.514-1.057%201.966-.677c.453.381.053%201.601-.328%202.054m12.093-1.894a1.607%201.607%200%201%201%201.732-2.71c.749.479%201.872%202.05%201.394%202.798c-.48.75-2.377.392-3.126-.088m-7.926%206.217a2.145%202.145%200%201%201%203.869-1.856c.513%201.07.682%203.643-.387%204.154c-1.071.514-2.971-1.227-3.482-2.298m1.024%2014.099a1.92%201.92%200%200%201%202.672-.492c.874.605%201.094%201.801.49%202.675s-2.528%202.147-3.4%201.544c-.875-.604-.366-2.854.238-3.727m10.013-.406a1.473%201.473%200%201%201%201.586-2.481c.686.438%201.715%201.878%201.276%202.562c-.438.688-2.176.359-2.862-.081M5.536%2018.42a2.069%202.069%200%201%201%203.084%202.759c-.763.854-2.992%201.955-3.843%201.191c-.854-.763-.005-3.099.759-3.95%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/cookie.svg?color=%231a73e8&size=48
