Shortcake
The shortcake emoji represents a sweet dessert made with shortcake, strawberries, and whipped cream.
Exports at 24 × 24 px
Code
Shortcake in your framework
In any framework. Customize it above, and the code follows.
export const ShortcakeIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<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>
);Other libraries
Shortcake in 3 more libraries
Each library draws it its own way. Open one to compare.
Firefox OS Emoji
More like it
Icons that share its tags, in the same style.
Search Firefox OS Emoji
Skip the copy and paste. With Pro, your AI agent finds and installs any Firefox OS Emoji icon from a prompt.
Get ProTags
Browse by tag
Shortcake is tagged food, dessert, sweet and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Firefox OS Emoji MCP, with Pro
Ask for Shortcake or any of 1,034 Firefox OS Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Shortcake icon means and where it's used, then how to install, style, label and license it.
The shortcake emoji represents a sweet dessert made with shortcake, strawberries, and whipped cream. It is often used to express excitement or enthusiasm for sweet treats or birthday celebrations. The shortcake emoji is part of the Mozilla Firefox OS Emoji library, designed to convey a sense of indulgence and pleasure.
In digital communication, the shortcake emoji can be used in various contexts, such as expressing love for desserts, sharing favorite recipes, or simply adding a sweet touch to messages. It has become a popular emoji in social media and texting, often used to convey a sense of happiness and celebration.
From a UX perspective, the shortcake emoji can help users quickly convey their emotions or preferences in a visually engaging way. It can be used in various digital platforms, such as messaging apps, social media, or online forums, to add tone and personality to text-based communication.
Shortcake is one of 1,034 icons in Firefox OS Emoji, made by Mozilla and released under Apache 2.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds ShortcakeIcon to components/icons/fxemoji-shortcake.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed ShortcakeIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Shortcake icon, or any of 1,034 Firefox OS Emoji icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Shortcake", so screen readers say what it does.
Yes. ShortcakeIcon passes every SVG prop to the svg element, so <ShortcakeIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming Firefox OS Emoji, Mozilla and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
3 other libraries draw an icon called Shortcake. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are food, dessert, sweet, treat, birthday and cake. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Shortcake in another set.
4.9 out of 5 from 150+ developers
Install Shortcake from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro