cupcake emoji
cupcake from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- cupcake
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the cupcake emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6dc6" d="M20.086 5.002c.06.05.112.096.164.148c.47.45.77 1.09.76 1.8c0 .379-.084.738-.235 1.06h.745c1.93 0 3.5 1.56 3.49 3.5a3.5 3.5 0 0 1-.34 1.503a3.504 3.504 0 0 1 3.35 3.497c0 1.93-1.57 3.5-3.5 3.5H7.5c-1.93 0-3.5-1.57-3.5-3.5a3.504 3.504 0 0 1 3.34-3.496a3.5 3.5 0 0 1 3.17-5.004h.736a2.5 2.5 0 0 1-.236-1.06c0-.76.33-1.43.85-1.89l3.03-2.64c.64-.56 1.6-.56 2.24 0l2.93 2.56z"/><path fill="#5092ff" d="M18.29 9.46c-.2.2-.2.51 0 .71c.19.2.51.2.71 0l.74-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zM9.2 13.43c0-.28.22-.5.5-.5h1.05c.28 0 .5.22.5.5s-.22.5-.5.5H9.7c-.28 0-.5-.22-.5-.5m11.67 4.68c.2-.2.2-.51 0-.71l-.74-.74c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.74.74c.2.2.51.2.71 0"/><path fill="#efd5ff" d="M15.99 6.7c.2.2.51.2.71 0c.2-.19.2-.51 0-.7l-.74-.75c-.2-.2-.51-.2-.71 0s-.2.51 0 .71zm4.75 5.08c.2-.2.51-.2.71 0l.74.74c.2.2.2.51 0 .71s-.51.2-.71 0l-.74-.74c-.2-.19-.2-.51 0-.71m-8.88 6.33c-.2-.2-.2-.51 0-.71l.74-.74c.2-.2.51-.2.71 0s.2.51 0 .71l-.74.74c-.19.2-.51.2-.71 0"/><path fill="#ffb02e" d="M12.47 9.46c-.2.2-.2.51 0 .71c.19.2.51.2.7 0l.75-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zm-5.23 6.3c-.2.2-.2.51 0 .71c.2.19.51.19.71 0l.74-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zm16.09.71c-.2-.2-.2-.51 0-.71l.74-.74c.2-.2.51-.2.71 0s.2.51 0 .71l-.74.74c-.2.19-.52.19-.71 0m-7.34-2.31c.2.2.51.2.71 0s.2-.51 0-.71l-.74-.74c-.2-.2-.51-.2-.71 0s-.2.51 0 .71z"/><path fill="#fbb8ab" d="M25.24 19.98H6.78a1.77 1.77 0 0 0-1.7 2.28l2.106 6.896c.12.38.48.64.89.64h15.87c.4 0 .76-.26.89-.64l2.114-6.896c.33-1.14-.52-2.28-1.71-2.28"/><path fill="#5092ff" d="M8 30h16c1.04 0 1.391-.646 1.5-1c0 0 1.936-6.072 1.816-6.564c-.074-.26-.394-.291-.49-.091l-.152.35l-.107-.259c-.07-.16-.426-.37-.779 0l-.748.87c-.066.077-.182.1-.229 0l-.344-.792c-.175-.385-.899-.478-1.464.035l-.803.758c-.148.152-.376.181-.52 0l-.702-.87c-.355-.43-1.19-.244-1.726.152l-.855.718c-.207.146-.464.17-.657 0l-.798-.793c-.45-.361-1.371-.49-1.92.035l-.794.758c-.144.111-.448.129-.626 0l-1.041-.87c-.45-.384-1.307-.314-1.686.152l-.572.718c-.093.106-.262.152-.473 0l-.978-.87c-.386-.325-1.121-.331-1.359.152l-.275.61s-.076.26-.214.108l-.717-.87c-.51-.553-.901 0-.978.259l-.152-.352c-.127-.273-.646 0-.459.657L6.5 29c.077.232.504 1 1.5 1"/><path fill="#3f5fff" d="m11.91 30l-.92-4.598a.5.5 0 0 0-.98.196L10.89 30zm9.2 0l.88-4.402a.5.5 0 0 0-.98-.196L20.09 30zm-4.61-4.5V30h-1v-4.5a.5.5 0 0 1 1 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatCupcake(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6dc6" d="M20.086 5.002c.06.05.112.096.164.148c.47.45.77 1.09.76 1.8c0 .379-.084.738-.235 1.06h.745c1.93 0 3.5 1.56 3.49 3.5a3.5 3.5 0 0 1-.34 1.503a3.504 3.504 0 0 1 3.35 3.497c0 1.93-1.57 3.5-3.5 3.5H7.5c-1.93 0-3.5-1.57-3.5-3.5a3.504 3.504 0 0 1 3.34-3.496a3.5 3.5 0 0 1 3.17-5.004h.736a2.5 2.5 0 0 1-.236-1.06c0-.76.33-1.43.85-1.89l3.03-2.64c.64-.56 1.6-.56 2.24 0l2.93 2.56z"/><path fill="#5092ff" d="M18.29 9.46c-.2.2-.2.51 0 .71c.19.2.51.2.71 0l.74-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zM9.2 13.43c0-.28.22-.5.5-.5h1.05c.28 0 .5.22.5.5s-.22.5-.5.5H9.7c-.28 0-.5-.22-.5-.5m11.67 4.68c.2-.2.2-.51 0-.71l-.74-.74c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.74.74c.2.2.51.2.71 0"/><path fill="#efd5ff" d="M15.99 6.7c.2.2.51.2.71 0c.2-.19.2-.51 0-.7l-.74-.75c-.2-.2-.51-.2-.71 0s-.2.51 0 .71zm4.75 5.08c.2-.2.51-.2.71 0l.74.74c.2.2.2.51 0 .71s-.51.2-.71 0l-.74-.74c-.2-.19-.2-.51 0-.71m-8.88 6.33c-.2-.2-.2-.51 0-.71l.74-.74c.2-.2.51-.2.71 0s.2.51 0 .71l-.74.74c-.19.2-.51.2-.71 0"/><path fill="#ffb02e" d="M12.47 9.46c-.2.2-.2.51 0 .71c.19.2.51.2.7 0l.75-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zm-5.23 6.3c-.2.2-.2.51 0 .71c.2.19.51.19.71 0l.74-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zm16.09.71c-.2-.2-.2-.51 0-.71l.74-.74c.2-.2.51-.2.71 0s.2.51 0 .71l-.74.74c-.2.19-.52.19-.71 0m-7.34-2.31c.2.2.51.2.71 0s.2-.51 0-.71l-.74-.74c-.2-.2-.51-.2-.71 0s-.2.51 0 .71z"/><path fill="#fbb8ab" d="M25.24 19.98H6.78a1.77 1.77 0 0 0-1.7 2.28l2.106 6.896c.12.38.48.64.89.64h15.87c.4 0 .76-.26.89-.64l2.114-6.896c.33-1.14-.52-2.28-1.71-2.28"/><path fill="#5092ff" d="M8 30h16c1.04 0 1.391-.646 1.5-1c0 0 1.936-6.072 1.816-6.564c-.074-.26-.394-.291-.49-.091l-.152.35l-.107-.259c-.07-.16-.426-.37-.779 0l-.748.87c-.066.077-.182.1-.229 0l-.344-.792c-.175-.385-.899-.478-1.464.035l-.803.758c-.148.152-.376.181-.52 0l-.702-.87c-.355-.43-1.19-.244-1.726.152l-.855.718c-.207.146-.464.17-.657 0l-.798-.793c-.45-.361-1.371-.49-1.92.035l-.794.758c-.144.111-.448.129-.626 0l-1.041-.87c-.45-.384-1.307-.314-1.686.152l-.572.718c-.093.106-.262.152-.473 0l-.978-.87c-.386-.325-1.121-.331-1.359.152l-.275.61s-.076.26-.214.108l-.717-.87c-.51-.553-.901 0-.978.259l-.152-.352c-.127-.273-.646 0-.459.657L6.5 29c.077.232.504 1 1.5 1"/><path fill="#3f5fff" d="m11.91 30l-.92-4.598a.5.5 0 0 0-.98.196L10.89 30zm9.2 0l.88-4.402a.5.5 0 0 0-.98-.196L20.09 30zm-4.61-4.5V30h-1v-4.5a.5.5 0 0 1 1 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6dc6" d="M20.086 5.002c.06.05.112.096.164.148c.47.45.77 1.09.76 1.8c0 .379-.084.738-.235 1.06h.745c1.93 0 3.5 1.56 3.49 3.5a3.5 3.5 0 0 1-.34 1.503a3.504 3.504 0 0 1 3.35 3.497c0 1.93-1.57 3.5-3.5 3.5H7.5c-1.93 0-3.5-1.57-3.5-3.5a3.504 3.504 0 0 1 3.34-3.496a3.5 3.5 0 0 1 3.17-5.004h.736a2.5 2.5 0 0 1-.236-1.06c0-.76.33-1.43.85-1.89l3.03-2.64c.64-.56 1.6-.56 2.24 0l2.93 2.56z"/><path fill="#5092ff" d="M18.29 9.46c-.2.2-.2.51 0 .71c.19.2.51.2.71 0l.74-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zM9.2 13.43c0-.28.22-.5.5-.5h1.05c.28 0 .5.22.5.5s-.22.5-.5.5H9.7c-.28 0-.5-.22-.5-.5m11.67 4.68c.2-.2.2-.51 0-.71l-.74-.74c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.74.74c.2.2.51.2.71 0"/><path fill="#efd5ff" d="M15.99 6.7c.2.2.51.2.71 0c.2-.19.2-.51 0-.7l-.74-.75c-.2-.2-.51-.2-.71 0s-.2.51 0 .71zm4.75 5.08c.2-.2.51-.2.71 0l.74.74c.2.2.2.51 0 .71s-.51.2-.71 0l-.74-.74c-.2-.19-.2-.51 0-.71m-8.88 6.33c-.2-.2-.2-.51 0-.71l.74-.74c.2-.2.51-.2.71 0s.2.51 0 .71l-.74.74c-.19.2-.51.2-.71 0"/><path fill="#ffb02e" d="M12.47 9.46c-.2.2-.2.51 0 .71c.19.2.51.2.7 0l.75-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zm-5.23 6.3c-.2.2-.2.51 0 .71c.2.19.51.19.71 0l.74-.74c.2-.2.2-.51 0-.71s-.51-.2-.71 0zm16.09.71c-.2-.2-.2-.51 0-.71l.74-.74c.2-.2.51-.2.71 0s.2.51 0 .71l-.74.74c-.2.19-.52.19-.71 0m-7.34-2.31c.2.2.51.2.71 0s.2-.51 0-.71l-.74-.74c-.2-.2-.51-.2-.71 0s-.2.51 0 .71z"/><path fill="#fbb8ab" d="M25.24 19.98H6.78a1.77 1.77 0 0 0-1.7 2.28l2.106 6.896c.12.38.48.64.89.64h15.87c.4 0 .76-.26.89-.64l2.114-6.896c.33-1.14-.52-2.28-1.71-2.28"/><path fill="#5092ff" d="M8 30h16c1.04 0 1.391-.646 1.5-1c0 0 1.936-6.072 1.816-6.564c-.074-.26-.394-.291-.49-.091l-.152.35l-.107-.259c-.07-.16-.426-.37-.779 0l-.748.87c-.066.077-.182.1-.229 0l-.344-.792c-.175-.385-.899-.478-1.464.035l-.803.758c-.148.152-.376.181-.52 0l-.702-.87c-.355-.43-1.19-.244-1.726.152l-.855.718c-.207.146-.464.17-.657 0l-.798-.793c-.45-.361-1.371-.49-1.92.035l-.794.758c-.144.111-.448.129-.626 0l-1.041-.87c-.45-.384-1.307-.314-1.686.152l-.572.718c-.093.106-.262.152-.473 0l-.978-.87c-.386-.325-1.121-.331-1.359.152l-.275.61s-.076.26-.214.108l-.717-.87c-.51-.553-.901 0-.978.259l-.152-.352c-.127-.273-.646 0-.459.657L6.5 29c.077.232.504 1 1.5 1"/><path fill="#3f5fff" d="m11.91 30l-.92-4.598a.5.5 0 0 0-.98.196L10.89 30zm9.2 0l.88-4.402a.5.5 0 0 0-.98-.196L20.09 30zm-4.61-4.5V30h-1v-4.5a.5.5 0 0 1 1 0"/></g></svg> </template>
CSS
.icon-cupcake {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff6dc6%22%20d%3D%22M20.086%205.002c.06.05.112.096.164.148c.47.45.77%201.09.76%201.8c0%20.379-.084.738-.235%201.06h.745c1.93%200%203.5%201.56%203.49%203.5a3.5%203.5%200%200%201-.34%201.503a3.504%203.504%200%200%201%203.35%203.497c0%201.93-1.57%203.5-3.5%203.5H7.5c-1.93%200-3.5-1.57-3.5-3.5a3.504%203.504%200%200%201%203.34-3.496a3.5%203.5%200%200%201%203.17-5.004h.736a2.5%202.5%200%200%201-.236-1.06c0-.76.33-1.43.85-1.89l3.03-2.64c.64-.56%201.6-.56%202.24%200l2.93%202.56z%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M18.29%209.46c-.2.2-.2.51%200%20.71c.19.2.51.2.71%200l.74-.74c.2-.2.2-.51%200-.71s-.51-.2-.71%200zM9.2%2013.43c0-.28.22-.5.5-.5h1.05c.28%200%20.5.22.5.5s-.22.5-.5.5H9.7c-.28%200-.5-.22-.5-.5m11.67%204.68c.2-.2.2-.51%200-.71l-.74-.74c-.2-.2-.51-.2-.71%200s-.2.51%200%20.71l.74.74c.2.2.51.2.71%200%22%2F%3E%3Cpath%20fill%3D%22%23efd5ff%22%20d%3D%22M15.99%206.7c.2.2.51.2.71%200c.2-.19.2-.51%200-.7l-.74-.75c-.2-.2-.51-.2-.71%200s-.2.51%200%20.71zm4.75%205.08c.2-.2.51-.2.71%200l.74.74c.2.2.2.51%200%20.71s-.51.2-.71%200l-.74-.74c-.2-.19-.2-.51%200-.71m-8.88%206.33c-.2-.2-.2-.51%200-.71l.74-.74c.2-.2.51-.2.71%200s.2.51%200%20.71l-.74.74c-.19.2-.51.2-.71%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M12.47%209.46c-.2.2-.2.51%200%20.71c.19.2.51.2.7%200l.75-.74c.2-.2.2-.51%200-.71s-.51-.2-.71%200zm-5.23%206.3c-.2.2-.2.51%200%20.71c.2.19.51.19.71%200l.74-.74c.2-.2.2-.51%200-.71s-.51-.2-.71%200zm16.09.71c-.2-.2-.2-.51%200-.71l.74-.74c.2-.2.51-.2.71%200s.2.51%200%20.71l-.74.74c-.2.19-.52.19-.71%200m-7.34-2.31c.2.2.51.2.71%200s.2-.51%200-.71l-.74-.74c-.2-.2-.51-.2-.71%200s-.2.51%200%20.71z%22%2F%3E%3Cpath%20fill%3D%22%23fbb8ab%22%20d%3D%22M25.24%2019.98H6.78a1.77%201.77%200%200%200-1.7%202.28l2.106%206.896c.12.38.48.64.89.64h15.87c.4%200%20.76-.26.89-.64l2.114-6.896c.33-1.14-.52-2.28-1.71-2.28%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M8%2030h16c1.04%200%201.391-.646%201.5-1c0%200%201.936-6.072%201.816-6.564c-.074-.26-.394-.291-.49-.091l-.152.35l-.107-.259c-.07-.16-.426-.37-.779%200l-.748.87c-.066.077-.182.1-.229%200l-.344-.792c-.175-.385-.899-.478-1.464.035l-.803.758c-.148.152-.376.181-.52%200l-.702-.87c-.355-.43-1.19-.244-1.726.152l-.855.718c-.207.146-.464.17-.657%200l-.798-.793c-.45-.361-1.371-.49-1.92.035l-.794.758c-.144.111-.448.129-.626%200l-1.041-.87c-.45-.384-1.307-.314-1.686.152l-.572.718c-.093.106-.262.152-.473%200l-.978-.87c-.386-.325-1.121-.331-1.359.152l-.275.61s-.076.26-.214.108l-.717-.87c-.51-.553-.901%200-.978.259l-.152-.352c-.127-.273-.646%200-.459.657L6.5%2029c.077.232.504%201%201.5%201%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22m11.91%2030l-.92-4.598a.5.5%200%200%200-.98.196L10.89%2030zm9.2%200l.88-4.402a.5.5%200%200%200-.98-.196L20.09%2030zm-4.61-4.5V30h-1v-4.5a.5.5%200%200%201%201%200%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff6dc6%22%20d%3D%22M20.086%205.002c.06.05.112.096.164.148c.47.45.77%201.09.76%201.8c0%20.379-.084.738-.235%201.06h.745c1.93%200%203.5%201.56%203.49%203.5a3.5%203.5%200%200%201-.34%201.503a3.504%203.504%200%200%201%203.35%203.497c0%201.93-1.57%203.5-3.5%203.5H7.5c-1.93%200-3.5-1.57-3.5-3.5a3.504%203.504%200%200%201%203.34-3.496a3.5%203.5%200%200%201%203.17-5.004h.736a2.5%202.5%200%200%201-.236-1.06c0-.76.33-1.43.85-1.89l3.03-2.64c.64-.56%201.6-.56%202.24%200l2.93%202.56z%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M18.29%209.46c-.2.2-.2.51%200%20.71c.19.2.51.2.71%200l.74-.74c.2-.2.2-.51%200-.71s-.51-.2-.71%200zM9.2%2013.43c0-.28.22-.5.5-.5h1.05c.28%200%20.5.22.5.5s-.22.5-.5.5H9.7c-.28%200-.5-.22-.5-.5m11.67%204.68c.2-.2.2-.51%200-.71l-.74-.74c-.2-.2-.51-.2-.71%200s-.2.51%200%20.71l.74.74c.2.2.51.2.71%200%22%2F%3E%3Cpath%20fill%3D%22%23efd5ff%22%20d%3D%22M15.99%206.7c.2.2.51.2.71%200c.2-.19.2-.51%200-.7l-.74-.75c-.2-.2-.51-.2-.71%200s-.2.51%200%20.71zm4.75%205.08c.2-.2.51-.2.71%200l.74.74c.2.2.2.51%200%20.71s-.51.2-.71%200l-.74-.74c-.2-.19-.2-.51%200-.71m-8.88%206.33c-.2-.2-.2-.51%200-.71l.74-.74c.2-.2.51-.2.71%200s.2.51%200%20.71l-.74.74c-.19.2-.51.2-.71%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M12.47%209.46c-.2.2-.2.51%200%20.71c.19.2.51.2.7%200l.75-.74c.2-.2.2-.51%200-.71s-.51-.2-.71%200zm-5.23%206.3c-.2.2-.2.51%200%20.71c.2.19.51.19.71%200l.74-.74c.2-.2.2-.51%200-.71s-.51-.2-.71%200zm16.09.71c-.2-.2-.2-.51%200-.71l.74-.74c.2-.2.51-.2.71%200s.2.51%200%20.71l-.74.74c-.2.19-.52.19-.71%200m-7.34-2.31c.2.2.51.2.71%200s.2-.51%200-.71l-.74-.74c-.2-.2-.51-.2-.71%200s-.2.51%200%20.71z%22%2F%3E%3Cpath%20fill%3D%22%23fbb8ab%22%20d%3D%22M25.24%2019.98H6.78a1.77%201.77%200%200%200-1.7%202.28l2.106%206.896c.12.38.48.64.89.64h15.87c.4%200%20.76-.26.89-.64l2.114-6.896c.33-1.14-.52-2.28-1.71-2.28%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M8%2030h16c1.04%200%201.391-.646%201.5-1c0%200%201.936-6.072%201.816-6.564c-.074-.26-.394-.291-.49-.091l-.152.35l-.107-.259c-.07-.16-.426-.37-.779%200l-.748.87c-.066.077-.182.1-.229%200l-.344-.792c-.175-.385-.899-.478-1.464.035l-.803.758c-.148.152-.376.181-.52%200l-.702-.87c-.355-.43-1.19-.244-1.726.152l-.855.718c-.207.146-.464.17-.657%200l-.798-.793c-.45-.361-1.371-.49-1.92.035l-.794.758c-.144.111-.448.129-.626%200l-1.041-.87c-.45-.384-1.307-.314-1.686.152l-.572.718c-.093.106-.262.152-.473%200l-.978-.87c-.386-.325-1.121-.331-1.359.152l-.275.61s-.076.26-.214.108l-.717-.87c-.51-.553-.901%200-.978.259l-.152-.352c-.127-.273-.646%200-.459.657L6.5%2029c.077.232.504%201%201.5%201%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22m11.91%2030l-.92-4.598a.5.5%200%200%200-.98.196L10.89%2030zm9.2%200l.88-4.402a.5.5%200%200%200-.98-.196L20.09%2030zm-4.61-4.5V30h-1v-4.5a.5.5%200%200%201%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/cupcake.svg?color=%231a73e8&size=48
