birthday cake emoji

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

Name
birthday-cake
Set
Fluent Emoji High Contrast
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 Flatbirthday-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 High Contrast

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="currentColor"><path d="M6.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-.708m13.708 3a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708zm-8 0a.5.5 0 0 1 0 .708l-1 1a.5.5 0 0 1-.708-.708l1-1a.5.5 0 0 1 .708 0m14-2.292a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708zm-10.708-.708a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708"/><path d="m9.88 2.218l.9 1.51c.13.23.21.5.22.78c0 .681-.451 1.251-1.067 1.436l.247.244c.2.2.32.48.32.77V8H15V6.958c0-.29.12-.57.32-.77l.25-.247a1.51 1.51 0 0 1-1.05-1.253c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0l.89 1.51c.14.23.22.5.23.78c0 .684-.455 1.256-1.075 1.438l.245.242c.2.2.32.48.32.77V8h4.5V6.958c0-.29.12-.57.32-.77l.246-.243a1.5 1.5 0 0 1-1.046-1.258c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0l.89 1.51c.14.23.22.5.22.78c0 .683-.447 1.254-1.066 1.438l.246.243c.21.2.32.48.32.77V8h3.51a3 3 0 0 1 3 3v7.558c0 .58-.521.94-1.01.874v9.316a1.25 1.25 0 0 1-1.25 1.25H4.25A1.25 1.25 0 0 1 3 28.748v-9.32c-.488.062-1-.292-1-.87V11a3 3 0 0 1 3-3h3.5V6.958c0-.29.12-.57.32-.77l.245-.242A1.49 1.49 0 0 1 8.01 4.688c-.04-.35.04-.68.21-.96l.89-1.51c.17-.29.6-.29.77 0M4 21.998v2h24v-2zM9.56 18.5l.457-.358l.005-.003a3.49 3.49 0 0 1 4.286 0l.005.003l.456.358h.002a2.01 2.01 0 0 0 2.468.001l.002-.001l.456-.358l.005-.003a3.49 3.49 0 0 1 4.286 0l.005.003l.456.358h.002a2.01 2.01 0 0 0 2.465.004l.23-.183h.002a3.46 3.46 0 0 1 2.862-.679V11a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v6.65c.968-.2 2.013.01 2.848.659l.007.005l.24.19a2.01 2.01 0 0 0 2.464-.003"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastBirthdayCake(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.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-.708m13.708 3a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708zm-8 0a.5.5 0 0 1 0 .708l-1 1a.5.5 0 0 1-.708-.708l1-1a.5.5 0 0 1 .708 0m14-2.292a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708zm-10.708-.708a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708"/><path d="m9.88 2.218l.9 1.51c.13.23.21.5.22.78c0 .681-.451 1.251-1.067 1.436l.247.244c.2.2.32.48.32.77V8H15V6.958c0-.29.12-.57.32-.77l.25-.247a1.51 1.51 0 0 1-1.05-1.253c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0l.89 1.51c.14.23.22.5.23.78c0 .684-.455 1.256-1.075 1.438l.245.242c.2.2.32.48.32.77V8h4.5V6.958c0-.29.12-.57.32-.77l.246-.243a1.5 1.5 0 0 1-1.046-1.258c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0l.89 1.51c.14.23.22.5.22.78c0 .683-.447 1.254-1.066 1.438l.246.243c.21.2.32.48.32.77V8h3.51a3 3 0 0 1 3 3v7.558c0 .58-.521.94-1.01.874v9.316a1.25 1.25 0 0 1-1.25 1.25H4.25A1.25 1.25 0 0 1 3 28.748v-9.32c-.488.062-1-.292-1-.87V11a3 3 0 0 1 3-3h3.5V6.958c0-.29.12-.57.32-.77l.245-.242A1.49 1.49 0 0 1 8.01 4.688c-.04-.35.04-.68.21-.96l.89-1.51c.17-.29.6-.29.77 0M4 21.998v2h24v-2zM9.56 18.5l.457-.358l.005-.003a3.49 3.49 0 0 1 4.286 0l.005.003l.456.358h.002a2.01 2.01 0 0 0 2.468.001l.002-.001l.456-.358l.005-.003a3.49 3.49 0 0 1 4.286 0l.005.003l.456.358h.002a2.01 2.01 0 0 0 2.465.004l.23-.183h.002a3.46 3.46 0 0 1 2.862-.679V11a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v6.65c.968-.2 2.013.01 2.848.659l.007.005l.24.19a2.01 2.01 0 0 0 2.464-.003"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.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-.708m13.708 3a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708-.708zm-8 0a.5.5 0 0 1 0 .708l-1 1a.5.5 0 0 1-.708-.708l1-1a.5.5 0 0 1 .708 0m14-2.292a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708zm-10.708-.708a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708"/><path d="m9.88 2.218l.9 1.51c.13.23.21.5.22.78c0 .681-.451 1.251-1.067 1.436l.247.244c.2.2.32.48.32.77V8H15V6.958c0-.29.12-.57.32-.77l.25-.247a1.51 1.51 0 0 1-1.05-1.253c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0l.89 1.51c.14.23.22.5.23.78c0 .684-.455 1.256-1.075 1.438l.245.242c.2.2.32.48.32.77V8h4.5V6.958c0-.29.12-.57.32-.77l.246-.243a1.5 1.5 0 0 1-1.046-1.258c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77 0l.89 1.51c.14.23.22.5.22.78c0 .683-.447 1.254-1.066 1.438l.246.243c.21.2.32.48.32.77V8h3.51a3 3 0 0 1 3 3v7.558c0 .58-.521.94-1.01.874v9.316a1.25 1.25 0 0 1-1.25 1.25H4.25A1.25 1.25 0 0 1 3 28.748v-9.32c-.488.062-1-.292-1-.87V11a3 3 0 0 1 3-3h3.5V6.958c0-.29.12-.57.32-.77l.245-.242A1.49 1.49 0 0 1 8.01 4.688c-.04-.35.04-.68.21-.96l.89-1.51c.17-.29.6-.29.77 0M4 21.998v2h24v-2zM9.56 18.5l.457-.358l.005-.003a3.49 3.49 0 0 1 4.286 0l.005.003l.456.358h.002a2.01 2.01 0 0 0 2.468.001l.002-.001l.456-.358l.005-.003a3.49 3.49 0 0 1 4.286 0l.005.003l.456.358h.002a2.01 2.01 0 0 0 2.465.004l.23-.183h.002a3.46 3.46 0 0 1 2.862-.679V11a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v6.65c.968-.2 2.013.01 2.848.659l.007.005l.24.19a2.01 2.01 0 0 0 2.464-.003"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M6.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-.708m13.708%203a.5.5%200%200%200-.708.708l1%201a.5.5%200%200%200%20.708-.708zm-8%200a.5.5%200%200%201%200%20.708l-1%201a.5.5%200%200%201-.708-.708l1-1a.5.5%200%200%201%20.708%200m14-2.292a.5.5%200%200%200-.708-.708l-1%201a.5.5%200%200%200%20.708.708zm-10.708-.708a.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%3Cpath%20d%3D%22m9.88%202.218l.9%201.51c.13.23.21.5.22.78c0%20.681-.451%201.251-1.067%201.436l.247.244c.2.2.32.48.32.77V8H15V6.958c0-.29.12-.57.32-.77l.25-.247a1.51%201.51%200%200%201-1.05-1.253c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77%200l.89%201.51c.14.23.22.5.23.78c0%20.684-.455%201.256-1.075%201.438l.245.242c.2.2.32.48.32.77V8h4.5V6.958c0-.29.12-.57.32-.77l.246-.243a1.5%201.5%200%200%201-1.046-1.258c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77%200l.89%201.51c.14.23.22.5.22.78c0%20.683-.447%201.254-1.066%201.438l.246.243c.21.2.32.48.32.77V8h3.51a3%203%200%200%201%203%203v7.558c0%20.58-.521.94-1.01.874v9.316a1.25%201.25%200%200%201-1.25%201.25H4.25A1.25%201.25%200%200%201%203%2028.748v-9.32c-.488.062-1-.292-1-.87V11a3%203%200%200%201%203-3h3.5V6.958c0-.29.12-.57.32-.77l.245-.242A1.49%201.49%200%200%201%208.01%204.688c-.04-.35.04-.68.21-.96l.89-1.51c.17-.29.6-.29.77%200M4%2021.998v2h24v-2zM9.56%2018.5l.457-.358l.005-.003a3.49%203.49%200%200%201%204.286%200l.005.003l.456.358h.002a2.01%202.01%200%200%200%202.468.001l.002-.001l.456-.358l.005-.003a3.49%203.49%200%200%201%204.286%200l.005.003l.456.358h.002a2.01%202.01%200%200%200%202.465.004l.23-.183h.002a3.46%203.46%200%200%201%202.862-.679V11a1%201%200%200%200-1-1H5a1%201%200%200%200-1%201v6.65c.968-.2%202.013.01%202.848.659l.007.005l.24.19a2.01%202.01%200%200%200%202.464-.003%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%22currentColor%22%3E%3Cpath%20d%3D%22M6.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-.708m13.708%203a.5.5%200%200%200-.708.708l1%201a.5.5%200%200%200%20.708-.708zm-8%200a.5.5%200%200%201%200%20.708l-1%201a.5.5%200%200%201-.708-.708l1-1a.5.5%200%200%201%20.708%200m14-2.292a.5.5%200%200%200-.708-.708l-1%201a.5.5%200%200%200%20.708.708zm-10.708-.708a.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%3Cpath%20d%3D%22m9.88%202.218l.9%201.51c.13.23.21.5.22.78c0%20.681-.451%201.251-1.067%201.436l.247.244c.2.2.32.48.32.77V8H15V6.958c0-.29.12-.57.32-.77l.25-.247a1.51%201.51%200%200%201-1.05-1.253c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77%200l.89%201.51c.14.23.22.5.23.78c0%20.684-.455%201.256-1.075%201.438l.245.242c.2.2.32.48.32.77V8h4.5V6.958c0-.29.12-.57.32-.77l.246-.243a1.5%201.5%200%200%201-1.046-1.258c-.04-.35.04-.69.21-.96l.89-1.51c.17-.29.6-.29.77%200l.89%201.51c.14.23.22.5.22.78c0%20.683-.447%201.254-1.066%201.438l.246.243c.21.2.32.48.32.77V8h3.51a3%203%200%200%201%203%203v7.558c0%20.58-.521.94-1.01.874v9.316a1.25%201.25%200%200%201-1.25%201.25H4.25A1.25%201.25%200%200%201%203%2028.748v-9.32c-.488.062-1-.292-1-.87V11a3%203%200%200%201%203-3h3.5V6.958c0-.29.12-.57.32-.77l.245-.242A1.49%201.49%200%200%201%208.01%204.688c-.04-.35.04-.68.21-.96l.89-1.51c.17-.29.6-.29.77%200M4%2021.998v2h24v-2zM9.56%2018.5l.457-.358l.005-.003a3.49%203.49%200%200%201%204.286%200l.005.003l.456.358h.002a2.01%202.01%200%200%200%202.468.001l.002-.001l.456-.358l.005-.003a3.49%203.49%200%200%201%204.286%200l.005.003l.456.358h.002a2.01%202.01%200%200%200%202.465.004l.23-.183h.002a3.46%203.46%200%200%201%202.862-.679V11a1%201%200%200%200-1-1H5a1%201%200%200%200-1%201v6.65c.968-.2%202.013.01%202.848.659l.007.005l.24.19a2.01%202.01%200%200%200%202.464-.003%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-high-contrast/birthday-cake.svg?color=%231a73e8&size=48