birthday cake emoji

birthday-cake from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
birthday-cake
Set
Fluent Emoji Flat
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

birthday-cakeEmoji One (Colored)birthday-cakeFont Awesome Solidbirthday-cakeFluent Emojibirthday-cakeFluent Emoji High Contrastbirthday-cakeHuge Iconsbirthday-cakeIconParkbirthday-cakeIconPark Outlinebirthday-cakeIconPark Solidbirthday-cakeIconPark TwoTonebirthday-cakeIconoirbirthday-cakeJam Iconsbirthday-cakeLine Awesomebirthday-cakeNoto Emojibirthday-cakeOpenMojibirthday-cakeTwitter Emoji

More food & drink icons from Fluent Emoji Flat

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-foodcarrot

Use the birthday cake emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26eafc" d="M8.5 10.998v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5 0v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5-4.04v4.04h2v-4.04c0-.29-.11-.57-.32-.77l-.68-.67l-.68.67c-.2.2-.32.48-.32.77"/><path fill="#fcd53f" d="m10.78 3.728l-.9-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.28-.25.61-.21.96c.08.69.63 1.24 1.32 1.31c.9.1 1.67-.6 1.67-1.49a1.7 1.7 0 0 0-.22-.78m6.5 0l-.89-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.27-.25.61-.21.96c.08.68.63 1.23 1.32 1.31c.9.1 1.67-.6 1.67-1.49c-.01-.28-.09-.55-.23-.78m5.61-1.51l.89 1.51c.14.23.22.5.22.78c0 .89-.76 1.59-1.67 1.49c-.68-.07-1.23-.62-1.31-1.31c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0"/><path fill="#ffb02e" d="m9.5 3.137l.61.78a.849.849 0 1 1-1.46.59c0-.23.09-.43.24-.59zm7.11.78l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6m6.5 0l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6"/><path fill="#d3883e" d="M27.75 29.998H4.25c-.69 0-1.25-.56-1.25-1.25v-13.75h26v13.75c0 .69-.56 1.25-1.25 1.25"/><path fill="#ffdea7" d="M2 12a3 3 0 0 1 3-3h22.01a3 3 0 0 1 3 3v5.557c0 .82-1.04 1.2-1.56.56c-.51-.63-1.43-.73-2.06-.23l-.24.19a4.01 4.01 0 0 1-4.93 0l-.46-.36c-.54-.42-1.29-.42-1.83 0l-.46.36a4.01 4.01 0 0 1-4.93 0l-.46-.36c-.54-.42-1.29-.42-1.83 0l-.46.36a4.01 4.01 0 0 1-4.93 0l-.24-.19c-.63-.49-1.55-.39-2.06.23c-.53.63-1.56.26-1.56-.56zm1 9.997h26v2H3z"/><path fill="#00a6ed" d="M15.15 11.15c-.2.2-.2.51 0 .71l.74.74c.2.2.51.2.71 0s.2-.51 0-.71l-.74-.74c-.2-.2-.52-.2-.71 0"/><path fill="#ff6dc6" d="M6.854 11.146a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708zm13 3a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708z"/><path fill="#ff822d" d="M25.854 11.854a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708zm-14 3a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708z"/><path fill="#00a6ed" d="M15.146 11.146a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatBirthdayCake(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="#26eafc" d="M8.5 10.998v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5 0v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5-4.04v4.04h2v-4.04c0-.29-.11-.57-.32-.77l-.68-.67l-.68.67c-.2.2-.32.48-.32.77"/><path fill="#fcd53f" d="m10.78 3.728l-.9-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.28-.25.61-.21.96c.08.69.63 1.24 1.32 1.31c.9.1 1.67-.6 1.67-1.49a1.7 1.7 0 0 0-.22-.78m6.5 0l-.89-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.27-.25.61-.21.96c.08.68.63 1.23 1.32 1.31c.9.1 1.67-.6 1.67-1.49c-.01-.28-.09-.55-.23-.78m5.61-1.51l.89 1.51c.14.23.22.5.22.78c0 .89-.76 1.59-1.67 1.49c-.68-.07-1.23-.62-1.31-1.31c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0"/><path fill="#ffb02e" d="m9.5 3.137l.61.78a.849.849 0 1 1-1.46.59c0-.23.09-.43.24-.59zm7.11.78l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6m6.5 0l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6"/><path fill="#d3883e" d="M27.75 29.998H4.25c-.69 0-1.25-.56-1.25-1.25v-13.75h26v13.75c0 .69-.56 1.25-1.25 1.25"/><path fill="#ffdea7" d="M2 12a3 3 0 0 1 3-3h22.01a3 3 0 0 1 3 3v5.557c0 .82-1.04 1.2-1.56.56c-.51-.63-1.43-.73-2.06-.23l-.24.19a4.01 4.01 0 0 1-4.93 0l-.46-.36c-.54-.42-1.29-.42-1.83 0l-.46.36a4.01 4.01 0 0 1-4.93 0l-.46-.36c-.54-.42-1.29-.42-1.83 0l-.46.36a4.01 4.01 0 0 1-4.93 0l-.24-.19c-.63-.49-1.55-.39-2.06.23c-.53.63-1.56.26-1.56-.56zm1 9.997h26v2H3z"/><path fill="#00a6ed" d="M15.15 11.15c-.2.2-.2.51 0 .71l.74.74c.2.2.51.2.71 0s.2-.51 0-.71l-.74-.74c-.2-.2-.52-.2-.71 0"/><path fill="#ff6dc6" d="M6.854 11.146a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708zm13 3a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708z"/><path fill="#ff822d" d="M25.854 11.854a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708zm-14 3a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708z"/><path fill="#00a6ed" d="M15.146 11.146a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708"/></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="#26eafc" d="M8.5 10.998v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5 0v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5-4.04v4.04h2v-4.04c0-.29-.11-.57-.32-.77l-.68-.67l-.68.67c-.2.2-.32.48-.32.77"/><path fill="#fcd53f" d="m10.78 3.728l-.9-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.28-.25.61-.21.96c.08.69.63 1.24 1.32 1.31c.9.1 1.67-.6 1.67-1.49a1.7 1.7 0 0 0-.22-.78m6.5 0l-.89-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.27-.25.61-.21.96c.08.68.63 1.23 1.32 1.31c.9.1 1.67-.6 1.67-1.49c-.01-.28-.09-.55-.23-.78m5.61-1.51l.89 1.51c.14.23.22.5.22.78c0 .89-.76 1.59-1.67 1.49c-.68-.07-1.23-.62-1.31-1.31c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0"/><path fill="#ffb02e" d="m9.5 3.137l.61.78a.849.849 0 1 1-1.46.59c0-.23.09-.43.24-.59zm7.11.78l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6m6.5 0l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6"/><path fill="#d3883e" d="M27.75 29.998H4.25c-.69 0-1.25-.56-1.25-1.25v-13.75h26v13.75c0 .69-.56 1.25-1.25 1.25"/><path fill="#ffdea7" d="M2 12a3 3 0 0 1 3-3h22.01a3 3 0 0 1 3 3v5.557c0 .82-1.04 1.2-1.56.56c-.51-.63-1.43-.73-2.06-.23l-.24.19a4.01 4.01 0 0 1-4.93 0l-.46-.36c-.54-.42-1.29-.42-1.83 0l-.46.36a4.01 4.01 0 0 1-4.93 0l-.46-.36c-.54-.42-1.29-.42-1.83 0l-.46.36a4.01 4.01 0 0 1-4.93 0l-.24-.19c-.63-.49-1.55-.39-2.06.23c-.53.63-1.56.26-1.56-.56zm1 9.997h26v2H3z"/><path fill="#00a6ed" d="M15.15 11.15c-.2.2-.2.51 0 .71l.74.74c.2.2.51.2.71 0s.2-.51 0-.71l-.74-.74c-.2-.2-.52-.2-.71 0"/><path fill="#ff6dc6" d="M6.854 11.146a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708zm13 3a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708z"/><path fill="#ff822d" d="M25.854 11.854a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708zm-14 3a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708z"/><path fill="#00a6ed" d="M15.146 11.146a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708"/></g></svg>
</template>

CSS

.icon-birthday-cake {
  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%2326eafc%22%20d%3D%22M8.5%2010.998v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5%200v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5-4.04v4.04h2v-4.04c0-.29-.11-.57-.32-.77l-.68-.67l-.68.67c-.2.2-.32.48-.32.77%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22m10.78%203.728l-.9-1.51a.45.45%200%200%200-.77%200l-.89%201.51c-.17.28-.25.61-.21.96c.08.69.63%201.24%201.32%201.31c.9.1%201.67-.6%201.67-1.49a1.7%201.7%200%200%200-.22-.78m6.5%200l-.89-1.51a.45.45%200%200%200-.77%200l-.89%201.51c-.17.27-.25.61-.21.96c.08.68.63%201.23%201.32%201.31c.9.1%201.67-.6%201.67-1.49c-.01-.28-.09-.55-.23-.78m5.61-1.51l.89%201.51c.14.23.22.5.22.78c0%20.89-.76%201.59-1.67%201.49c-.68-.07-1.23-.62-1.31-1.31c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22m9.5%203.137l.61.78a.849.849%200%201%201-1.46.59c0-.23.09-.43.24-.59zm7.11.78l-.61-.78l-.61.79a.85.85%200%201%200%201.46.59c0-.24-.09-.44-.24-.6m6.5%200l-.61-.78l-.61.79a.85.85%200%201%200%201.46.59c0-.24-.09-.44-.24-.6%22%2F%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M27.75%2029.998H4.25c-.69%200-1.25-.56-1.25-1.25v-13.75h26v13.75c0%20.69-.56%201.25-1.25%201.25%22%2F%3E%3Cpath%20fill%3D%22%23ffdea7%22%20d%3D%22M2%2012a3%203%200%200%201%203-3h22.01a3%203%200%200%201%203%203v5.557c0%20.82-1.04%201.2-1.56.56c-.51-.63-1.43-.73-2.06-.23l-.24.19a4.01%204.01%200%200%201-4.93%200l-.46-.36c-.54-.42-1.29-.42-1.83%200l-.46.36a4.01%204.01%200%200%201-4.93%200l-.46-.36c-.54-.42-1.29-.42-1.83%200l-.46.36a4.01%204.01%200%200%201-4.93%200l-.24-.19c-.63-.49-1.55-.39-2.06.23c-.53.63-1.56.26-1.56-.56zm1%209.997h26v2H3z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M15.15%2011.15c-.2.2-.2.51%200%20.71l.74.74c.2.2.51.2.71%200s.2-.51%200-.71l-.74-.74c-.2-.2-.52-.2-.71%200%22%2F%3E%3Cpath%20fill%3D%22%23ff6dc6%22%20d%3D%22M6.854%2011.146a.5.5%200%200%200-.708.708l1%201a.5.5%200%200%200%20.708-.708zm13%203a.5.5%200%200%200-.708.708l1%201a.5.5%200%200%200%20.708-.708z%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M25.854%2011.854a.5.5%200%200%200-.708-.708l-1%201a.5.5%200%200%200%20.708.708zm-14%203a.5.5%200%200%200-.708-.708l-1%201a.5.5%200%200%200%20.708.708z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M15.146%2011.146a.5.5%200%200%201%20.708%200l1%201a.5.5%200%200%201-.708.708l-1-1a.5.5%200%200%201%200-.708%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%2326eafc%22%20d%3D%22M8.5%2010.998v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5%200v-4.04c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77v4.04zm6.5-4.04v4.04h2v-4.04c0-.29-.11-.57-.32-.77l-.68-.67l-.68.67c-.2.2-.32.48-.32.77%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22m10.78%203.728l-.9-1.51a.45.45%200%200%200-.77%200l-.89%201.51c-.17.28-.25.61-.21.96c.08.69.63%201.24%201.32%201.31c.9.1%201.67-.6%201.67-1.49a1.7%201.7%200%200%200-.22-.78m6.5%200l-.89-1.51a.45.45%200%200%200-.77%200l-.89%201.51c-.17.27-.25.61-.21.96c.08.68.63%201.23%201.32%201.31c.9.1%201.67-.6%201.67-1.49c-.01-.28-.09-.55-.23-.78m5.61-1.51l.89%201.51c.14.23.22.5.22.78c0%20.89-.76%201.59-1.67%201.49c-.68-.07-1.23-.62-1.31-1.31c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22m9.5%203.137l.61.78a.849.849%200%201%201-1.46.59c0-.23.09-.43.24-.59zm7.11.78l-.61-.78l-.61.79a.85.85%200%201%200%201.46.59c0-.24-.09-.44-.24-.6m6.5%200l-.61-.78l-.61.79a.85.85%200%201%200%201.46.59c0-.24-.09-.44-.24-.6%22%2F%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M27.75%2029.998H4.25c-.69%200-1.25-.56-1.25-1.25v-13.75h26v13.75c0%20.69-.56%201.25-1.25%201.25%22%2F%3E%3Cpath%20fill%3D%22%23ffdea7%22%20d%3D%22M2%2012a3%203%200%200%201%203-3h22.01a3%203%200%200%201%203%203v5.557c0%20.82-1.04%201.2-1.56.56c-.51-.63-1.43-.73-2.06-.23l-.24.19a4.01%204.01%200%200%201-4.93%200l-.46-.36c-.54-.42-1.29-.42-1.83%200l-.46.36a4.01%204.01%200%200%201-4.93%200l-.46-.36c-.54-.42-1.29-.42-1.83%200l-.46.36a4.01%204.01%200%200%201-4.93%200l-.24-.19c-.63-.49-1.55-.39-2.06.23c-.53.63-1.56.26-1.56-.56zm1%209.997h26v2H3z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M15.15%2011.15c-.2.2-.2.51%200%20.71l.74.74c.2.2.51.2.71%200s.2-.51%200-.71l-.74-.74c-.2-.2-.52-.2-.71%200%22%2F%3E%3Cpath%20fill%3D%22%23ff6dc6%22%20d%3D%22M6.854%2011.146a.5.5%200%200%200-.708.708l1%201a.5.5%200%200%200%20.708-.708zm13%203a.5.5%200%200%200-.708.708l1%201a.5.5%200%200%200%20.708-.708z%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M25.854%2011.854a.5.5%200%200%200-.708-.708l-1%201a.5.5%200%200%200%20.708.708zm-14%203a.5.5%200%200%200-.708-.708l-1%201a.5.5%200%200%200%20.708.708z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M15.146%2011.146a.5.5%200%200%201%20.708%200l1%201a.5.5%200%200%201-.708.708l-1-1a.5.5%200%200%201%200-.708%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/birthday-cake.svg?color=%231a73e8&size=48