shortcake emoji
shortcake from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- shortcake
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the shortcake emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="m57.537 18.051l-16.54 2.51l-2.075.432L7 26a2 2 0 0 0-2 2v12h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1V28c0-4.711-3.26-8.663-7.647-9.721c-.434-.105-1.362-.182-1.816-.228"/><circle cx="49.5" cy="18" r="5" fill="#ea5a47"/><path fill="#fcea2b" d="M67 39v20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V39"/><path fill="#fcea2b" d="M67 40h-1a5 5 0 0 1-5-5a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-5 5H5"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M67 28v31a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V28a2 2 0 0 1 2-2l33.996-5.438m17.023-2.511C63.063 18.561 67 22.822 67 28"/><path d="M5 40h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1M5 48h62M5 52h62"/><circle cx="49.5" cy="18" r="5"/><path d="M49.5 16c0-5.523 4.477-10 10-10"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiShortcake(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="m57.537 18.051l-16.54 2.51l-2.075.432L7 26a2 2 0 0 0-2 2v12h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1V28c0-4.711-3.26-8.663-7.647-9.721c-.434-.105-1.362-.182-1.816-.228"/><circle cx="49.5" cy="18" r="5" fill="#ea5a47"/><path fill="#fcea2b" d="M67 39v20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V39"/><path fill="#fcea2b" d="M67 40h-1a5 5 0 0 1-5-5a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-5 5H5"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M67 28v31a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V28a2 2 0 0 1 2-2l33.996-5.438m17.023-2.511C63.063 18.561 67 22.822 67 28"/><path d="M5 40h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1M5 48h62M5 52h62"/><circle cx="49.5" cy="18" r="5"/><path d="M49.5 16c0-5.523 4.477-10 10-10"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="m57.537 18.051l-16.54 2.51l-2.075.432L7 26a2 2 0 0 0-2 2v12h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1V28c0-4.711-3.26-8.663-7.647-9.721c-.434-.105-1.362-.182-1.816-.228"/><circle cx="49.5" cy="18" r="5" fill="#ea5a47"/><path fill="#fcea2b" d="M67 39v20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V39"/><path fill="#fcea2b" d="M67 40h-1a5 5 0 0 1-5-5a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-5 5H5"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M67 28v31a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V28a2 2 0 0 1 2-2l33.996-5.438m17.023-2.511C63.063 18.561 67 22.822 67 28"/><path d="M5 40h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1M5 48h62M5 52h62"/><circle cx="49.5" cy="18" r="5"/><path d="M49.5 16c0-5.523 4.477-10 10-10"/></g></svg> </template>
CSS
.icon-shortcake {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m57.537%2018.051l-16.54%202.51l-2.075.432L7%2026a2%202%200%200%200-2%202v12h1c2.762%200%205-2.238%205-4.999a5%205%200%201%201%2010%200C21%2037.763%2023.238%2040%2026%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200C41%2037.763%2043.238%2040%2046%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200A5%205%200%200%200%2066%2040h1V28c0-4.711-3.26-8.663-7.647-9.721c-.434-.105-1.362-.182-1.816-.228%22%2F%3E%3Ccircle%20cx%3D%2249.5%22%20cy%3D%2218%22%20r%3D%225%22%20fill%3D%22%23ea5a47%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M67%2039v20a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V39%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M67%2040h-1a5%205%200%200%201-5-5a5%205%200%200%200-10%200a5%205%200%200%201-10%200a5%205%200%200%200-10%200a5%205%200%200%201-10%200a5%205%200%200%200-10%200a5%205%200%200%201-5%205H5%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M67%2028v31a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V28a2%202%200%200%201%202-2l33.996-5.438m17.023-2.511C63.063%2018.561%2067%2022.822%2067%2028%22%2F%3E%3Cpath%20d%3D%22M5%2040h1c2.762%200%205-2.238%205-4.999a5%205%200%201%201%2010%200C21%2037.763%2023.238%2040%2026%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200C41%2037.763%2043.238%2040%2046%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200A5%205%200%200%200%2066%2040h1M5%2048h62M5%2052h62%22%2F%3E%3Ccircle%20cx%3D%2249.5%22%20cy%3D%2218%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M49.5%2016c0-5.523%204.477-10%2010-10%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m57.537%2018.051l-16.54%202.51l-2.075.432L7%2026a2%202%200%200%200-2%202v12h1c2.762%200%205-2.238%205-4.999a5%205%200%201%201%2010%200C21%2037.763%2023.238%2040%2026%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200C41%2037.763%2043.238%2040%2046%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200A5%205%200%200%200%2066%2040h1V28c0-4.711-3.26-8.663-7.647-9.721c-.434-.105-1.362-.182-1.816-.228%22%2F%3E%3Ccircle%20cx%3D%2249.5%22%20cy%3D%2218%22%20r%3D%225%22%20fill%3D%22%23ea5a47%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M67%2039v20a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V39%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M67%2040h-1a5%205%200%200%201-5-5a5%205%200%200%200-10%200a5%205%200%200%201-10%200a5%205%200%200%200-10%200a5%205%200%200%201-10%200a5%205%200%200%200-10%200a5%205%200%200%201-5%205H5%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M67%2028v31a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V28a2%202%200%200%201%202-2l33.996-5.438m17.023-2.511C63.063%2018.561%2067%2022.822%2067%2028%22%2F%3E%3Cpath%20d%3D%22M5%2040h1c2.762%200%205-2.238%205-4.999a5%205%200%201%201%2010%200C21%2037.763%2023.238%2040%2026%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200C41%2037.763%2043.238%2040%2046%2040s5-2.238%205-4.999a5%205%200%201%201%2010%200A5%205%200%200%200%2066%2040h1M5%2048h62M5%2052h62%22%2F%3E%3Ccircle%20cx%3D%2249.5%22%20cy%3D%2218%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M49.5%2016c0-5.523%204.477-10%2010-10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/shortcake.svg?color=%231a73e8&size=48
