birthday cake emoji
birthday-cake from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- birthday-cake
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 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-cakeOpenMoji
More food & drink icons from Twitter Emoji
Use the birthday cake emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#8899a6" rx="18" ry="10"/><ellipse cx="18" cy="24.25" fill="#ccd6dd" rx="18" ry="10"/><path fill="#dd2e44" d="M32.675 23.685c0 4.26-6.57 7.712-14.675 7.712S3.325 27.945 3.325 23.685c0-4.258 6.57-7.711 14.675-7.711c8.104 0 14.675 3.453 14.675 7.711"/><path fill="#f4abba" d="M32.233 22.543c0 9.854-28.466 9.854-28.466 0v-8.759h28.466z"/><path fill="#dd2e44" d="M17.984 18.166c-8.984 0-14.218-4.132-14.218-4.132s-.016.924-.016 1.685c0 0 .032 4.898 2.572 4.898c2.459 0 2.28 2.348 3.834 2.591c1.541.241 1.712-.938 3.625-.938s2.25 2.106 4.203 2.106c2.289 0 2.477-2.106 4.389-2.106s2.132 1.224 3.386.885c1.507-.408.814-2.537 3.887-2.537c2.54 0 2.603-4.648 2.603-4.648c0-.76-.017-1.935-.017-1.935s-5.263 4.131-14.248 4.131"/><path fill="#ea596e" d="M32.675 12.737c0 4.259-6.57 7.712-14.675 7.712S3.325 16.996 3.325 12.737S9.895 5.025 18 5.025c8.104 0 14.675 3.453 14.675 7.712"/><path fill="#fff8e8" d="M25.664 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M25.664 6.667c-1.162 0-2.076-.532-2.445-1.423c-.32-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M18 17.068c-.605 0-1.095-.49-1.095-1.095V8.31a1.095 1.095 0 1 1 2.19 0v7.664c0 .604-.49 1.094-1.095 1.094"/><path fill="#faaa35" d="M18 9.952c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M10.336 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M10.336 6.667c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBirthdayCake(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="26" fill="#8899a6" rx="18" ry="10"/><ellipse cx="18" cy="24.25" fill="#ccd6dd" rx="18" ry="10"/><path fill="#dd2e44" d="M32.675 23.685c0 4.26-6.57 7.712-14.675 7.712S3.325 27.945 3.325 23.685c0-4.258 6.57-7.711 14.675-7.711c8.104 0 14.675 3.453 14.675 7.711"/><path fill="#f4abba" d="M32.233 22.543c0 9.854-28.466 9.854-28.466 0v-8.759h28.466z"/><path fill="#dd2e44" d="M17.984 18.166c-8.984 0-14.218-4.132-14.218-4.132s-.016.924-.016 1.685c0 0 .032 4.898 2.572 4.898c2.459 0 2.28 2.348 3.834 2.591c1.541.241 1.712-.938 3.625-.938s2.25 2.106 4.203 2.106c2.289 0 2.477-2.106 4.389-2.106s2.132 1.224 3.386.885c1.507-.408.814-2.537 3.887-2.537c2.54 0 2.603-4.648 2.603-4.648c0-.76-.017-1.935-.017-1.935s-5.263 4.131-14.248 4.131"/><path fill="#ea596e" d="M32.675 12.737c0 4.259-6.57 7.712-14.675 7.712S3.325 16.996 3.325 12.737S9.895 5.025 18 5.025c8.104 0 14.675 3.453 14.675 7.712"/><path fill="#fff8e8" d="M25.664 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M25.664 6.667c-1.162 0-2.076-.532-2.445-1.423c-.32-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M18 17.068c-.605 0-1.095-.49-1.095-1.095V8.31a1.095 1.095 0 1 1 2.19 0v7.664c0 .604-.49 1.094-1.095 1.094"/><path fill="#faaa35" d="M18 9.952c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M10.336 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M10.336 6.667c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#8899a6" rx="18" ry="10"/><ellipse cx="18" cy="24.25" fill="#ccd6dd" rx="18" ry="10"/><path fill="#dd2e44" d="M32.675 23.685c0 4.26-6.57 7.712-14.675 7.712S3.325 27.945 3.325 23.685c0-4.258 6.57-7.711 14.675-7.711c8.104 0 14.675 3.453 14.675 7.711"/><path fill="#f4abba" d="M32.233 22.543c0 9.854-28.466 9.854-28.466 0v-8.759h28.466z"/><path fill="#dd2e44" d="M17.984 18.166c-8.984 0-14.218-4.132-14.218-4.132s-.016.924-.016 1.685c0 0 .032 4.898 2.572 4.898c2.459 0 2.28 2.348 3.834 2.591c1.541.241 1.712-.938 3.625-.938s2.25 2.106 4.203 2.106c2.289 0 2.477-2.106 4.389-2.106s2.132 1.224 3.386.885c1.507-.408.814-2.537 3.887-2.537c2.54 0 2.603-4.648 2.603-4.648c0-.76-.017-1.935-.017-1.935s-5.263 4.131-14.248 4.131"/><path fill="#ea596e" d="M32.675 12.737c0 4.259-6.57 7.712-14.675 7.712S3.325 16.996 3.325 12.737S9.895 5.025 18 5.025c8.104 0 14.675 3.453 14.675 7.712"/><path fill="#fff8e8" d="M25.664 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M25.664 6.667c-1.162 0-2.076-.532-2.445-1.423c-.32-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M18 17.068c-.605 0-1.095-.49-1.095-1.095V8.31a1.095 1.095 0 1 1 2.19 0v7.664c0 .604-.49 1.094-1.095 1.094"/><path fill="#faaa35" d="M18 9.952c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M10.336 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M10.336 6.667c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/></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%2036%2036%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2226%22%20fill%3D%22%238899a6%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224.25%22%20fill%3D%22%23ccd6dd%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M32.675%2023.685c0%204.26-6.57%207.712-14.675%207.712S3.325%2027.945%203.325%2023.685c0-4.258%206.57-7.711%2014.675-7.711c8.104%200%2014.675%203.453%2014.675%207.711%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M32.233%2022.543c0%209.854-28.466%209.854-28.466%200v-8.759h28.466z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M17.984%2018.166c-8.984%200-14.218-4.132-14.218-4.132s-.016.924-.016%201.685c0%200%20.032%204.898%202.572%204.898c2.459%200%202.28%202.348%203.834%202.591c1.541.241%201.712-.938%203.625-.938s2.25%202.106%204.203%202.106c2.289%200%202.477-2.106%204.389-2.106s2.132%201.224%203.386.885c1.507-.408.814-2.537%203.887-2.537c2.54%200%202.603-4.648%202.603-4.648c0-.76-.017-1.935-.017-1.935s-5.263%204.131-14.248%204.131%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M32.675%2012.737c0%204.259-6.57%207.712-14.675%207.712S3.325%2016.996%203.325%2012.737S9.895%205.025%2018%205.025c8.104%200%2014.675%203.453%2014.675%207.712%22%2F%3E%3Cpath%20fill%3D%22%23fff8e8%22%20d%3D%22M25.664%2013.784c-.605%200-1.095-.49-1.095-1.095V5.025a1.095%201.095%200%201%201%202.19%200v7.664c0%20.605-.49%201.095-1.095%201.095%22%2F%3E%3Cpath%20fill%3D%22%23faaa35%22%20d%3D%22M25.664%206.667c-1.162%200-2.076-.532-2.445-1.423c-.32-.773-.479-2.45%202.058-4.986a.547.547%200%200%201%20.774%200c2.537%202.537%202.378%204.213%202.058%204.986c-.369.891-1.283%201.423-2.445%201.423%22%2F%3E%3Cpath%20fill%3D%22%23fff8e8%22%20d%3D%22M18%2017.068c-.605%200-1.095-.49-1.095-1.095V8.31a1.095%201.095%200%201%201%202.19%200v7.664c0%20.604-.49%201.094-1.095%201.094%22%2F%3E%3Cpath%20fill%3D%22%23faaa35%22%20d%3D%22M18%209.952c-1.162%200-2.076-.532-2.445-1.423c-.321-.773-.479-2.45%202.058-4.986a.547.547%200%200%201%20.774%200c2.537%202.537%202.378%204.213%202.058%204.986c-.369.891-1.283%201.423-2.445%201.423%22%2F%3E%3Cpath%20fill%3D%22%23fff8e8%22%20d%3D%22M10.336%2013.784c-.605%200-1.095-.49-1.095-1.095V5.025a1.095%201.095%200%201%201%202.19%200v7.664c0%20.605-.49%201.095-1.095%201.095%22%2F%3E%3Cpath%20fill%3D%22%23faaa35%22%20d%3D%22M10.336%206.667c-1.162%200-2.076-.532-2.445-1.423c-.321-.773-.479-2.45%202.058-4.986a.547.547%200%200%201%20.774%200c2.537%202.537%202.378%204.213%202.058%204.986c-.369.891-1.283%201.423-2.445%201.423%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%2226%22%20fill%3D%22%238899a6%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224.25%22%20fill%3D%22%23ccd6dd%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M32.675%2023.685c0%204.26-6.57%207.712-14.675%207.712S3.325%2027.945%203.325%2023.685c0-4.258%206.57-7.711%2014.675-7.711c8.104%200%2014.675%203.453%2014.675%207.711%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M32.233%2022.543c0%209.854-28.466%209.854-28.466%200v-8.759h28.466z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M17.984%2018.166c-8.984%200-14.218-4.132-14.218-4.132s-.016.924-.016%201.685c0%200%20.032%204.898%202.572%204.898c2.459%200%202.28%202.348%203.834%202.591c1.541.241%201.712-.938%203.625-.938s2.25%202.106%204.203%202.106c2.289%200%202.477-2.106%204.389-2.106s2.132%201.224%203.386.885c1.507-.408.814-2.537%203.887-2.537c2.54%200%202.603-4.648%202.603-4.648c0-.76-.017-1.935-.017-1.935s-5.263%204.131-14.248%204.131%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M32.675%2012.737c0%204.259-6.57%207.712-14.675%207.712S3.325%2016.996%203.325%2012.737S9.895%205.025%2018%205.025c8.104%200%2014.675%203.453%2014.675%207.712%22%2F%3E%3Cpath%20fill%3D%22%23fff8e8%22%20d%3D%22M25.664%2013.784c-.605%200-1.095-.49-1.095-1.095V5.025a1.095%201.095%200%201%201%202.19%200v7.664c0%20.605-.49%201.095-1.095%201.095%22%2F%3E%3Cpath%20fill%3D%22%23faaa35%22%20d%3D%22M25.664%206.667c-1.162%200-2.076-.532-2.445-1.423c-.32-.773-.479-2.45%202.058-4.986a.547.547%200%200%201%20.774%200c2.537%202.537%202.378%204.213%202.058%204.986c-.369.891-1.283%201.423-2.445%201.423%22%2F%3E%3Cpath%20fill%3D%22%23fff8e8%22%20d%3D%22M18%2017.068c-.605%200-1.095-.49-1.095-1.095V8.31a1.095%201.095%200%201%201%202.19%200v7.664c0%20.604-.49%201.094-1.095%201.094%22%2F%3E%3Cpath%20fill%3D%22%23faaa35%22%20d%3D%22M18%209.952c-1.162%200-2.076-.532-2.445-1.423c-.321-.773-.479-2.45%202.058-4.986a.547.547%200%200%201%20.774%200c2.537%202.537%202.378%204.213%202.058%204.986c-.369.891-1.283%201.423-2.445%201.423%22%2F%3E%3Cpath%20fill%3D%22%23fff8e8%22%20d%3D%22M10.336%2013.784c-.605%200-1.095-.49-1.095-1.095V5.025a1.095%201.095%200%201%201%202.19%200v7.664c0%20.605-.49%201.095-1.095%201.095%22%2F%3E%3Cpath%20fill%3D%22%23faaa35%22%20d%3D%22M10.336%206.667c-1.162%200-2.076-.532-2.445-1.423c-.321-.773-.479-2.45%202.058-4.986a.547.547%200%200%201%20.774%200c2.537%202.537%202.378%204.213%202.058%204.986c-.369.891-1.283%201.423-2.445%201.423%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/birthday-cake.svg?color=%231a73e8&size=48
