birthday cake emoji

birthday-cake from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.

Name
birthday-cake
Set
OpenMoji
Style
Default
Category
Food Drink
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

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

More food drink icons from OpenMoji

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 72 72"><path fill="#fcea2b" d="M11 37c0 1.105 50 2.105 50 1v-7h-1V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5v11h-1z"/><path fill="#fff" d="M12 21.924a5 5 0 0 1 6.321.612a5 5 0 0 0 7.073 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.072 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.073 0A5 5 0 0 1 60 21.924V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5z"/><path fill="#fcea2b" d="M5 60a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5z"/><circle cx="36" cy="12" r="3" fill="#ea5a47"/><path fill="#fff" d="M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="36" cy="12" r="3"/><path d="M36 10.75a5 5 0 0 1 5-5M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66"/><path d="M5 44.877V60a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2V44.877"/><path d="M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66M60 21.924V32M12 21.924V32m0-10.076a5 5 0 0 1 6.321.612a5 5 0 0 0 7.073 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.072 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.073 0A5 5 0 0 1 60 21.924V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5z"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiBirthdayCake(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M11 37c0 1.105 50 2.105 50 1v-7h-1V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5v11h-1z"/><path fill="#fff" d="M12 21.924a5 5 0 0 1 6.321.612a5 5 0 0 0 7.073 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.072 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.073 0A5 5 0 0 1 60 21.924V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5z"/><path fill="#fcea2b" d="M5 60a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5z"/><circle cx="36" cy="12" r="3" fill="#ea5a47"/><path fill="#fff" d="M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><circle cx="36" cy="12" r="3"/><path d="M36 10.75a5 5 0 0 1 5-5M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66"/><path d="M5 44.877V60a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2V44.877"/><path d="M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66M60 21.924V32M12 21.924V32m0-10.076a5 5 0 0 1 6.321.612a5 5 0 0 0 7.073 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.072 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.073 0A5 5 0 0 1 60 21.924V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M11 37c0 1.105 50 2.105 50 1v-7h-1V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5v11h-1z"/><path fill="#fff" d="M12 21.924a5 5 0 0 1 6.321.612a5 5 0 0 0 7.073 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.072 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.073 0A5 5 0 0 1 60 21.924V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5z"/><path fill="#fcea2b" d="M5 60a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5z"/><circle cx="36" cy="12" r="3" fill="#ea5a47"/><path fill="#fff" d="M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="36" cy="12" r="3"/><path d="M36 10.75a5 5 0 0 1 5-5M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66"/><path d="M5 44.877V60a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2V44.877"/><path d="M11.251 45.536a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.072 0a5 5 0 0 0 7.07 0a5 5 0 0 1 7.073 0a5 5 0 0 0 7.07 0A5 5 0 0 1 67 44.877V41a5 5 0 0 0-5-5H10a5 5 0 0 0-5 5v3.877a5 5 0 0 1 6.251.66M60 21.924V32M12 21.924V32m0-10.076a5 5 0 0 1 6.321.612a5 5 0 0 0 7.073 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.072 0a5 5 0 0 1 7.07 0a5 5 0 0 0 7.073 0A5 5 0 0 1 60 21.924V20a5 5 0 0 0-5-5H17a5 5 0 0 0-5 5z"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M11%2037c0%201.105%2050%202.105%2050%201v-7h-1V20a5%205%200%200%200-5-5H17a5%205%200%200%200-5%205v11h-1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2021.924a5%205%200%200%201%206.321.612a5%205%200%200%200%207.073%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.072%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.073%200A5%205%200%200%201%2060%2021.924V20a5%205%200%200%200-5-5H17a5%205%200%200%200-5%205z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M5%2060a2%202%200%200%200%202%202h58a2%202%200%200%200%202-2V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205z%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23ea5a47%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.251%2045.536a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.072%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200A5%205%200%200%201%2067%2044.877V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205v3.877a5%205%200%200%201%206.251.66%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M36%2010.75a5%205%200%200%201%205-5M11.251%2045.536a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.072%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200A5%205%200%200%201%2067%2044.877V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205v3.877a5%205%200%200%201%206.251.66%22%2F%3E%3Cpath%20d%3D%22M5%2044.877V60a2%202%200%200%200%202%202h58a2%202%200%200%200%202-2V44.877%22%2F%3E%3Cpath%20d%3D%22M11.251%2045.536a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.072%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200A5%205%200%200%201%2067%2044.877V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205v3.877a5%205%200%200%201%206.251.66M60%2021.924V32M12%2021.924V32m0-10.076a5%205%200%200%201%206.321.612a5%205%200%200%200%207.073%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.072%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.073%200A5%205%200%200%201%2060%2021.924V20a5%205%200%200%200-5-5H17a5%205%200%200%200-5%205z%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%23fcea2b%22%20d%3D%22M11%2037c0%201.105%2050%202.105%2050%201v-7h-1V20a5%205%200%200%200-5-5H17a5%205%200%200%200-5%205v11h-1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2021.924a5%205%200%200%201%206.321.612a5%205%200%200%200%207.073%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.072%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.073%200A5%205%200%200%201%2060%2021.924V20a5%205%200%200%200-5-5H17a5%205%200%200%200-5%205z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M5%2060a2%202%200%200%200%202%202h58a2%202%200%200%200%202-2V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205z%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23ea5a47%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.251%2045.536a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.072%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200A5%205%200%200%201%2067%2044.877V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205v3.877a5%205%200%200%201%206.251.66%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M36%2010.75a5%205%200%200%201%205-5M11.251%2045.536a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.072%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200A5%205%200%200%201%2067%2044.877V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205v3.877a5%205%200%200%201%206.251.66%22%2F%3E%3Cpath%20d%3D%22M5%2044.877V60a2%202%200%200%200%202%202h58a2%202%200%200%200%202-2V44.877%22%2F%3E%3Cpath%20d%3D%22M11.251%2045.536a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.072%200a5%205%200%200%200%207.07%200a5%205%200%200%201%207.073%200a5%205%200%200%200%207.07%200A5%205%200%200%201%2067%2044.877V41a5%205%200%200%200-5-5H10a5%205%200%200%200-5%205v3.877a5%205%200%200%201%206.251.66M60%2021.924V32M12%2021.924V32m0-10.076a5%205%200%200%201%206.321.612a5%205%200%200%200%207.073%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.072%200a5%205%200%200%201%207.07%200a5%205%200%200%200%207.073%200A5%205%200%200%201%2060%2021.924V20a5%205%200%200%200-5-5H17a5%205%200%200%200-5%205z%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/birthday-cake.svg?color=%231a73e8&size=48