Shortcake icon
fxemoji:shortcake
The Shortcake icon (fxemoji:shortcake) 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="#BFBCAF" d="M508.985 340.349c0 91.045-113.521 164.852-253.556 164.852S1.874 431.395 1.874 340.349S115.395 175.497 255.43 175.497s253.555 73.807 253.555 164.852"/><path fill="#E3E8E7" d="M508.985 317.404c0 91.045-113.521 164.852-253.556 164.852S1.874 408.45 1.874 317.404S115.395 152.552 255.43 152.552s253.555 73.807 253.555 164.852"/><path fill="#F9F9F7" d="M455.202 317.404c0 71.733-89.441 129.885-199.772 129.885S55.657 389.137 55.657 317.404S145.098 187.52 255.429 187.52s199.773 58.151 199.773 129.884"/><path fill="#F2F2F0" d="M422.146 123.659c-9.476-.001-26.273-9.5-38.539-16.435c-11.989-6.78-18.468-10.318-23.234-10.318q-.222 0-.435.01q-.324.014-.662.014c-8.258 0-23.363-5.732-35.5-10.337c-12.333-4.68-19.544-7.328-24.331-7.328q-.285 0-.554.012q-.54.024-1.08.024c-16.251 0-32.518-16.229-36.26-36.178c-2.085-11.115-.033-21.586 5.631-28.729c4.115-5.19 9.734-8.086 16.25-8.377q.54-.024 1.079-.024c12.829 0 26.377 10.476 32.946 25.476a6.003 6.003 0 0 0 10.314 1.178c4.154-5.58 9.931-8.689 16.706-8.991q.54-.024 1.079-.024c15.175 0 30.392 13.934 35.396 32.411a6.005 6.005 0 0 0 10.408 2.272c4.085-4.905 9.572-7.646 15.868-7.927q.54-.024 1.08-.024c16.251 0 32.518 16.229 36.261 36.178c2.085 11.114.032 21.585-5.632 28.729c-4.114 5.19-9.733 8.087-16.249 8.377a14 14 0 0 1-.542.011"/><path fill="#E2E0D7" d="M450.471 85.435c-4.315-23.002-23.013-41.075-42.162-41.075q-.673 0-1.347.03c-8.276.369-15.245 4.116-20.214 10.083c-5.674-20.949-23.233-36.843-41.191-36.844q-.673 0-1.347.03c-8.871.395-16.241 4.67-21.254 11.403C315.519 12.079 300.168-.008 284.51-.01q-.673 0-1.346.03c-19.612.874-31.931 20.668-27.514 44.21c.31 1.653.703 3.277 1.156 4.874c-1.747.303-3.271.757-4.535 1.381c-27.311 13.49-124.557 161.007-127.652 165.709l-.077.023v175.339c0 4.073 3.889 7.018 7.809 5.911c48.195-13.621 303.157-86.165 303.157-96.428V126.035c11.941-6.849 18.336-22.623 14.963-40.6m-16.237 26.105c-1.299 1.639-2.778 2.932-4.407 3.916c-24.159-21.028-117.725-62.245-160.441-66.455a43.5 43.5 0 0 1-1.934-6.985c-1.764-9.404-.148-18.112 4.435-23.892c3.045-3.84 7.019-5.896 11.813-6.109q.405-.018.811-.018c10.519.001 21.806 8.999 27.448 21.881a12.006 12.006 0 0 0 20.63 2.354c2.121-2.848 5.951-6.302 12.158-6.578q.406-.018.811-.018c12.351.001 25.354 12.289 29.602 27.976a12.006 12.006 0 0 0 20.818 4.545c3.017-3.623 6.894-5.565 11.522-5.771q.406-.018.812-.018c6.135 0 12.625 3.024 18.275 8.515c6.163 5.989 10.455 14.075 12.085 22.766c1.762 9.403.145 18.111-4.438 23.891"/><path fill="#FFD469" d="m411.599 299.793l-287.057 86.509V216.217l287.057-86.509z"/><path fill="#FFBD03" d="M411.599 129.708v170.085l-287.057 86.509v-15.125l274.564-82.744v-62.355l-274.564 82.744v-15.125l274.564-82.744v-62.355l-274.564 82.744v-15.125z"/><path fill="#FF473E" d="M248.136 141.727c-21.579-21.579 3.603-39.606 16.084-82.951s63.262-13.271 81.911 5.378c60.202 60.202-76.416 99.152-97.995 77.573"/><path fill="#E21A1A" d="m294.511 50.551l-.172.286c-.114.159-.278.45-.491.706c-.201.275-.513.611-.687.974l-.565 1.054c-.233.378-.467.735-.712 1.068c-.252.376-.514.69-.796.997a7 7 0 0 1-.92.867c-.332.278-.684.487-1.06.717a8.7 8.7 0 0 1-2.518.919c-.913.183-1.892.238-2.834.198c-.47-.02-.934-.065-1.361-.119c-.425-.049-.845-.144-1.182-.203c-.328-.049-.643-.149-.835-.187l-.323-.087s-.026-.124-.046-.332c-.011-.196-.06-.53-.043-.867c.005-.352.007-.793.069-1.237c.055-.454.155-.926.291-1.423a8.7 8.7 0 0 1 1.44-2.883a8.4 8.4 0 0 1 2.622-2.252c.508-.296 1.091-.518 1.657-.708c.57-.188 1.199-.29 1.788-.356a9.3 9.3 0 0 1 1.811.035a9.6 9.6 0 0 1 1.688.402a7.7 7.7 0 0 1 1.505.682c.44.227.678.578.926.824c.236.235.425.509.552.657zm-16.242 37.216l.266.127c.163.063.424.197.715.284c.305.089.637.267 1.109.258a8 8 0 0 0 1.562-.086a10 10 0 0 0 1.612-.384a11 11 0 0 0 1.593-.732c.492-.304 1.01-.648 1.448-1.044c.434-.396.877-.822 1.228-1.284a9.5 9.5 0 0 0 1.625-2.992c.182-.517.274-1.054.363-1.559c.07-.515.096-1.017.09-1.492a10 10 0 0 0-.128-1.338c-.063-.406-.176-.784-.262-1.09c-.073-.297-.199-.565-.258-.731l-.121-.272a.794.794 0 0 0-.845-.462l-.117.018s-.105.016-.28.061c-.165.051-.444.102-.722.205a13.6 13.6 0 0 0-2.149.858c-.784.387-1.561.886-2.277 1.455a11.2 11.2 0 0 0-1.867 1.936c-.256.368-.506.704-.716 1.089a9 9 0 0 0-.567 1.14c-.167.379-.306.764-.431 1.173q-.19.566-.336 1.167l-.199 1.066c-.041.356-.22.735-.317 1.027c-.114.282-.173.57-.226.737l-.067.287a.51.51 0 0 0 .274.578m-7.065 18.164l-.266-.126c-.164-.062-.425-.195-.716-.281c-.305-.088-.638-.264-1.11-.253a8 8 0 0 0-1.561.094c-.504.082-1.056.206-1.61.392a11 11 0 0 0-1.589.74c-.491.306-1.007.653-1.443 1.051c-.432.398-.873.826-1.222 1.29a9.5 9.5 0 0 0-1.61 3c-.179.518-.269 1.055-.355 1.561a10 10 0 0 0-.083 1.492c.02.481.06.925.135 1.338c.065.406.18.784.268 1.089c.074.297.202.564.262.73l.122.272a.79.79 0 0 0 .848.458l.117-.019s.105-.017.28-.062c.164-.052.443-.104.721-.208a13.7 13.7 0 0 0 2.145-.868c.783-.39 1.557-.894 2.27-1.466a11.2 11.2 0 0 0 1.857-1.945c.254-.369.503-.707.71-1.093c.211-.379.405-.735.561-1.143c.165-.38.302-.766.425-1.175q.188-.566.331-1.169l.194-1.067c.039-.356.217-.736.312-1.028c.113-.283.17-.571.223-.738l.066-.288a.516.516 0 0 0-.282-.578M320.91 69.29a1.024 1.024 0 0 0-.667-1.286l-.25-.079c-.156-.036-.4-.122-.68-.166c-.286-.052-.615-.151-1.08-.085a9.3 9.3 0 0 0-1.501.252c-.48.13-1.022.293-1.54.52c-.495.236-1.041.501-1.527.83c-.484.322-.994.684-1.421 1.093c-.438.407-.874.839-1.241 1.303a11.7 11.7 0 0 0-1.797 2.961a11 11 0 0 0-.808 2.967a9.6 9.6 0 0 0-.014 2.347c.018.288.086.546.111.706l.061.265l.001.004c.131.56.69.907 1.25.777l.175-.041s.089-.021.243-.076c.146-.06.387-.129.638-.25c.532-.221 1.237-.56 1.961-1.012a16.8 16.8 0 0 0 4.202-3.732c.294-.385.584-.746.845-1.134c.256-.4.515-.744.724-1.154c.224-.386.429-.744.612-1.136c.184-.373.356-.718.508-1.087c.146-.358.23-.619.343-.946c.076-.307.273-.634.414-.884c.146-.244.236-.487.309-.63l.1-.244q.016-.042.029-.083m8.002 39.606c.189.045.503.157.832.21c.345.054.743.2 1.233.127a7.7 7.7 0 0 0 1.62-.327a9.5 9.5 0 0 0 1.604-.66a9.3 9.3 0 0 0 1.49-1.03c.44-.398.89-.848 1.243-1.334c.348-.485.692-1.006.931-1.543a8.4 8.4 0 0 0 .811-3.359a8.7 8.7 0 0 0-.517-3.181a10 10 0 0 0-.596-1.325c-.209-.396-.465-.755-.667-1.044c-.183-.284-.418-.526-.542-.678a3 3 0 0 0-.231-.243l-.313.118c-.179.082-.492.184-.787.337c-.308.148-.704.318-1.078.526c-.378.206-.781.441-1.173.699a12 12 0 0 0-2.184 1.817a8.7 8.7 0 0 0-1.505 2.218c-.171.407-.334.782-.441 1.201a7 7 0 0 0-.24 1.241a8 8 0 0 0-.063 1.275q-.004.619.047 1.283l.158 1.186c.071.395.014.851.012 1.191c-.024.333.014.665.014.86l.027.332zm-29.154-7.428c-.171-.094-.443-.285-.746-.424c-.318-.144-.663-.39-1.155-.45a7.7 7.7 0 0 0-1.649-.115a9.5 9.5 0 0 0-1.722.21a9.3 9.3 0 0 0-1.71.598c-.53.267-1.083.581-1.553.956c-.464.375-.935.786-1.307 1.24a8.4 8.4 0 0 0-1.674 3.023a8.7 8.7 0 0 0-.347 3.204c.046.514.116.99.223 1.436c.096.437.248.851.365 1.183c.101.322.264.618.342.798c.091.188.158.295.158.295l.333-.031c.194-.031.524-.047.848-.115c.336-.061.763-.119 1.179-.221c.419-.098.87-.217 1.317-.362c.898-.29 1.796-.682 2.588-1.172a8.8 8.8 0 0 0 2.041-1.738c.273-.347.53-.665.744-1.041c.217-.369.408-.72.561-1.133c.158-.386.295-.772.4-1.212q.168-.596.296-1.249l.163-1.185c.037-.4.213-.824.305-1.152c.111-.315.164-.645.215-.833l.062-.328z"/><path fill="#16992B" d="M353.788 45.526c15.641-5.27 23.374 3.308 5.836 16.988c-9.78 7.629-19.341 9.934-24.973 8.692a2.85 2.85 0 0 0-1.439.046c-3.616 1.103-6.582-.701-7.323-5.797c-.201-1.382-1.291-2.415-2.653-2.719c-3.318-.741-6.823-5.229-9.154-14.726c-6.912-28.157 8.369-41.82 16.253-14.762l.038.132c.737 2.554 3.965 3.227 5.693 1.207c7.168-8.382 14.77-6.597 13.375 7.538c-.234 2.378 2.082 4.164 4.347 3.401"/></svg>How to use the Shortcake icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:shortcake" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:shortcake" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:shortcake" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--shortcake]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:shortcake"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:shortcake"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/shortcake.svg" alt="Shortcake icon" width="24" height="24">Shortcake icon in other icon sets
Shortcake icon FAQ
Is the Shortcake 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 Shortcake icon in React?
Install @iconify/react and render <Icon icon="fxemoji:shortcake" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shortcake icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/shortcake.svg" alt="Shortcake icon">, or paste the SVG code inline to style it with CSS.