Cookie icon
fxemoji:cookie
The Cookie icon (fxemoji:cookie) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>
How to use the Cookie icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cookie" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cookie" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cookie" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cookie]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cookie"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cookie"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/cookie.svg" alt="Cookie icon" width="24" height="24">
Cookie icon in other icon sets
Cookie icon FAQ
Is the Cookie icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cookie icon in React?
Install @iconify/react and render <Icon icon="fxemoji:cookie" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cookie icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cookie.svg" alt="Cookie icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
