shortcake emoji
shortcake from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- shortcake
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the shortcake emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="25" fill="#939598" rx="18" ry="10"/><ellipse cx="18" cy="23" fill="#f1f2f2" rx="18" ry="10"/><ellipse cx="18" cy="22.611" fill="#fff" rx="14.8" ry="7.611"/><path fill="#e1e8ed" d="M8 28c0-3.044.417-7.208.042-13.875c.601-1.377 6.146-2.472 6.625-3.792C15.954 6.787 13.458 4.417 16 2c2.05-1.949 5-2 6 1c2-2 6-1 6 2c4-1 6 3 3 6c0 1-1 9-1 11s-.208 1.792-5.208 2.792S8 28 8 28"/><path fill="#ffac33" d="M8 27V15s21-7 21-2.458V23z"/><path fill="#ffd983" d="M8 26V16s12.375-4.208 20-4v10z"/><path fill="#ffac33" d="M8 21v-1l21-4v1z"/><path fill="#e1e8ed" d="m8 14l9-9c2 0 8 1 11 5z"/><path fill="#fff" d="M30 10c1-1 1-5-3-4c0-1-2-4-5-2c0-1-5-2-6 0c10 3 14 6 14 6"/><path fill="#dd2e44" d="M17.958 10.458c-1.833-.208-4.417-1.083-3.917-3.5s2.474-4.881 3.75-5.542C18.917.833 20.117 1.26 21 4.667c.583 2.25 2.75 5.125-1.667 5.75c-.458 0-1.375.041-1.375.041"/><path fill="#f4abba" d="M18.375 5.042a.5.5 0 0 1-.4-.2l-.5-.667a.5.5 0 1 1 .8-.6l.5.667a.5.5 0 0 1-.4.8m-2.416 3.5a.5.5 0 0 1-.484-.626l.25-.958a.5.5 0 0 1 .967.253l-.25.958a.5.5 0 0 1-.483.373m4.374.083a.5.5 0 0 1-.261-.073l-.75-.458a.501.501 0 0 1 .522-.854l.75.458a.501.501 0 0 1-.261.927"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiShortcake(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="25" fill="#939598" rx="18" ry="10"/><ellipse cx="18" cy="23" fill="#f1f2f2" rx="18" ry="10"/><ellipse cx="18" cy="22.611" fill="#fff" rx="14.8" ry="7.611"/><path fill="#e1e8ed" d="M8 28c0-3.044.417-7.208.042-13.875c.601-1.377 6.146-2.472 6.625-3.792C15.954 6.787 13.458 4.417 16 2c2.05-1.949 5-2 6 1c2-2 6-1 6 2c4-1 6 3 3 6c0 1-1 9-1 11s-.208 1.792-5.208 2.792S8 28 8 28"/><path fill="#ffac33" d="M8 27V15s21-7 21-2.458V23z"/><path fill="#ffd983" d="M8 26V16s12.375-4.208 20-4v10z"/><path fill="#ffac33" d="M8 21v-1l21-4v1z"/><path fill="#e1e8ed" d="m8 14l9-9c2 0 8 1 11 5z"/><path fill="#fff" d="M30 10c1-1 1-5-3-4c0-1-2-4-5-2c0-1-5-2-6 0c10 3 14 6 14 6"/><path fill="#dd2e44" d="M17.958 10.458c-1.833-.208-4.417-1.083-3.917-3.5s2.474-4.881 3.75-5.542C18.917.833 20.117 1.26 21 4.667c.583 2.25 2.75 5.125-1.667 5.75c-.458 0-1.375.041-1.375.041"/><path fill="#f4abba" d="M18.375 5.042a.5.5 0 0 1-.4-.2l-.5-.667a.5.5 0 1 1 .8-.6l.5.667a.5.5 0 0 1-.4.8m-2.416 3.5a.5.5 0 0 1-.484-.626l.25-.958a.5.5 0 0 1 .967.253l-.25.958a.5.5 0 0 1-.483.373m4.374.083a.5.5 0 0 1-.261-.073l-.75-.458a.501.501 0 0 1 .522-.854l.75.458a.501.501 0 0 1-.261.927"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="25" fill="#939598" rx="18" ry="10"/><ellipse cx="18" cy="23" fill="#f1f2f2" rx="18" ry="10"/><ellipse cx="18" cy="22.611" fill="#fff" rx="14.8" ry="7.611"/><path fill="#e1e8ed" d="M8 28c0-3.044.417-7.208.042-13.875c.601-1.377 6.146-2.472 6.625-3.792C15.954 6.787 13.458 4.417 16 2c2.05-1.949 5-2 6 1c2-2 6-1 6 2c4-1 6 3 3 6c0 1-1 9-1 11s-.208 1.792-5.208 2.792S8 28 8 28"/><path fill="#ffac33" d="M8 27V15s21-7 21-2.458V23z"/><path fill="#ffd983" d="M8 26V16s12.375-4.208 20-4v10z"/><path fill="#ffac33" d="M8 21v-1l21-4v1z"/><path fill="#e1e8ed" d="m8 14l9-9c2 0 8 1 11 5z"/><path fill="#fff" d="M30 10c1-1 1-5-3-4c0-1-2-4-5-2c0-1-5-2-6 0c10 3 14 6 14 6"/><path fill="#dd2e44" d="M17.958 10.458c-1.833-.208-4.417-1.083-3.917-3.5s2.474-4.881 3.75-5.542C18.917.833 20.117 1.26 21 4.667c.583 2.25 2.75 5.125-1.667 5.75c-.458 0-1.375.041-1.375.041"/><path fill="#f4abba" d="M18.375 5.042a.5.5 0 0 1-.4-.2l-.5-.667a.5.5 0 1 1 .8-.6l.5.667a.5.5 0 0 1-.4.8m-2.416 3.5a.5.5 0 0 1-.484-.626l.25-.958a.5.5 0 0 1 .967.253l-.25.958a.5.5 0 0 1-.483.373m4.374.083a.5.5 0 0 1-.261-.073l-.75-.458a.501.501 0 0 1 .522-.854l.75.458a.501.501 0 0 1-.261.927"/></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%2036%2036%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2225%22%20fill%3D%22%23939598%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2223%22%20fill%3D%22%23f1f2f2%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2222.611%22%20fill%3D%22%23fff%22%20rx%3D%2214.8%22%20ry%3D%227.611%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M8%2028c0-3.044.417-7.208.042-13.875c.601-1.377%206.146-2.472%206.625-3.792C15.954%206.787%2013.458%204.417%2016%202c2.05-1.949%205-2%206%201c2-2%206-1%206%202c4-1%206%203%203%206c0%201-1%209-1%2011s-.208%201.792-5.208%202.792S8%2028%208%2028%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M8%2027V15s21-7%2021-2.458V23z%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M8%2026V16s12.375-4.208%2020-4v10z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M8%2021v-1l21-4v1z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22m8%2014l9-9c2%200%208%201%2011%205z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2010c1-1%201-5-3-4c0-1-2-4-5-2c0-1-5-2-6%200c10%203%2014%206%2014%206%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M17.958%2010.458c-1.833-.208-4.417-1.083-3.917-3.5s2.474-4.881%203.75-5.542C18.917.833%2020.117%201.26%2021%204.667c.583%202.25%202.75%205.125-1.667%205.75c-.458%200-1.375.041-1.375.041%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M18.375%205.042a.5.5%200%200%201-.4-.2l-.5-.667a.5.5%200%201%201%20.8-.6l.5.667a.5.5%200%200%201-.4.8m-2.416%203.5a.5.5%200%200%201-.484-.626l.25-.958a.5.5%200%200%201%20.967.253l-.25.958a.5.5%200%200%201-.483.373m4.374.083a.5.5%200%200%201-.261-.073l-.75-.458a.501.501%200%200%201%20.522-.854l.75.458a.501.501%200%200%201-.261.927%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%3Cellipse%20cx%3D%2218%22%20cy%3D%2225%22%20fill%3D%22%23939598%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2223%22%20fill%3D%22%23f1f2f2%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2222.611%22%20fill%3D%22%23fff%22%20rx%3D%2214.8%22%20ry%3D%227.611%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M8%2028c0-3.044.417-7.208.042-13.875c.601-1.377%206.146-2.472%206.625-3.792C15.954%206.787%2013.458%204.417%2016%202c2.05-1.949%205-2%206%201c2-2%206-1%206%202c4-1%206%203%203%206c0%201-1%209-1%2011s-.208%201.792-5.208%202.792S8%2028%208%2028%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M8%2027V15s21-7%2021-2.458V23z%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M8%2026V16s12.375-4.208%2020-4v10z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M8%2021v-1l21-4v1z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22m8%2014l9-9c2%200%208%201%2011%205z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2010c1-1%201-5-3-4c0-1-2-4-5-2c0-1-5-2-6%200c10%203%2014%206%2014%206%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M17.958%2010.458c-1.833-.208-4.417-1.083-3.917-3.5s2.474-4.881%203.75-5.542C18.917.833%2020.117%201.26%2021%204.667c.583%202.25%202.75%205.125-1.667%205.75c-.458%200-1.375.041-1.375.041%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M18.375%205.042a.5.5%200%200%201-.4-.2l-.5-.667a.5.5%200%201%201%20.8-.6l.5.667a.5.5%200%200%201-.4.8m-2.416%203.5a.5.5%200%200%201-.484-.626l.25-.958a.5.5%200%200%201%20.967.253l-.25.958a.5.5%200%200%201-.483.373m4.374.083a.5.5%200%200%201-.261-.073l-.75-.458a.501.501%200%200%201%20.522-.854l.75.458a.501.501%200%200%201-.261.927%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/shortcake.svg?color=%231a73e8&size=48
