Birthday Cake icon
fluent-emoji:birthday-cake
The Birthday Cake icon (fluent-emoji:birthday-cake) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- birthdaycake
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iy70rYc)" d="M10.5 10.92h-2V6.88c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77z"/><path fill="url(#iVVbdve)" d="M10.5 10.92h-2V6.88c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77z"/><path fill="url(#i3VsFtd)" d="m10.78 3.774l-.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-.78"/><path fill="url(#iZTVVLk)" d="m10.11 3.964l-.61-.78l-.61.78a.849.849 0 1 0 1.46.59c0-.23-.09-.43-.24-.59"/><path fill="url(#isAUmRb)" d="M17 10.92h-2V6.88c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77z"/><path fill="url(#iZOEMkd)" d="M17 10.92h-2V6.88c0-.29.12-.57.32-.77l.68-.67l.68.67c.2.2.32.48.32.77z"/><path fill="url(#iAjaDcb)" d="m17.28 3.774l-.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-.78"/><path fill="url(#i8MevbN)" d="M16.61 3.99L16 3.21l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6"/><path fill="url(#iEVUj3d)" d="M23.5 11h-2V6.96c0-.29.12-.57.32-.77l.68-.67l.68.67c.21.2.32.48.32.77z"/><path fill="url(#im4zf9c)" d="M23.5 11h-2V6.96c0-.29.12-.57.32-.77l.68-.67l.68.67c.21.2.32.48.32.77z"/><path fill="url(#iFV6Gdb)" d="m23.78 3.774l-.89-1.51a.45.45 0 0 0-.77 0l-.89 1.51c-.17.27-.25.61-.21.96c.08.69.63 1.24 1.31 1.31c.91.1 1.67-.6 1.67-1.49c0-.28-.08-.55-.22-.78"/><path fill="url(#iVwHNDm)" d="m23.11 3.964l-.61-.78l-.61.79a.85.85 0 1 0 1.46.59c0-.24-.09-.44-.24-.6"/><path fill="url(#isaqojc)" d="M26.984 29.998H4.922C3.656 29.998 3 29.312 3 28.03V14.998h26V28.03c0 1.25-.562 1.967-2.016 1.967"/><path fill="url(#i2KMQ7b)" d="M26.984 29.998H4.922C3.656 29.998 3 29.312 3 28.03V14.998h26V28.03c0 1.25-.562 1.967-2.016 1.967"/><path fill="url(#igja39b)" d="M26.984 29.998H4.922C3.656 29.998 3 29.312 3 28.03V14.998h26V28.03c0 1.25-.562 1.967-2.016 1.967"/><path fill="url(#iyTFRvb)" d="M29 21.986H3v2h26z"/><g filter="url(#i2Frc2Y)"><path fill="url(#iXKyJNd)" d="M3.729 19.082c.702 0 1.038-.252 1.51-.652c.35-.297.836-.741 1.228-.43c1.443 1.13 3.655 1.56 5.099.43c.548-.43.644-.526 1.17-.114c.724.567 1.727.94 2.597.938c1.579 0 2.273-.383 2.992-.946c.515-.403.804-.401 1.317 0c1.549 1.213 3.805.952 4.993.008c.75-.596 1.968.715 2.8.715c.576 0 1.431-.152 1.431-1.236c-5.715-4.744-20.62-4.328-25.448-.42c-.752.609-.391 1.707.311 1.707"/></g><path fill="#EDC8AE" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#iwO0k6c)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#i1wpHwe)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#i3wX0hc)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#idmQame)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#iJxbb3p)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#ijDCCyb)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#ih1rIEl)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><path fill="url(#i1fU1xd)" d="M2 12.297v5.26c0 .966 1.016 1.279 1.56 1.279c.706 0 1.035-.358 1.51-.758c.352-.297 1.193-.312 1.586 0a4.01 4.01 0 0 0 4.93 0c.551-.43 1.426-.412 1.954 0c.728.567 1.602.948 2.476.945c.866-.002 1.732-.383 2.454-.945c.518-.404 1.406-.41 1.92-.008c1.557 1.213 3.776.952 4.97.008c.752-.596 2.109.766 2.945.766c.578 0 1.705-.203 1.705-1.286v-5.261c0-2.735-1.948-3.281-4.01-3.281H6.39c-3.17 0-4.39 1.109-4.39 3.28"/><g filter="url(#in3s1Xb)"><path fill="#EDC8AE" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#is2Ff4d)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#ihrcydV)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#iqIyPve)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#iw1isxb)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#iTXUEee)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#iSGc6Ic)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/><path fill="url(#iKrQBRL)" d="M2.406 17.262c0 .877.661 1.161 1.188 1.161c.682 0 .946-.465 1.406-.83c.34-.268 1.448-.001 1.828.282c.632.463 1.461.86 2.219.906c.923.056 2.073-.623 2.844-1.187c.532-.39 1.167-.374 1.678 0c.704.515 1.555 1.299 2.4 1.297c.838-.002 1.973-.645 2.672-1.157c.5-.366 1.533-.371 2.03-.006c1.506 1.102 3.519 1.052 4.673.194c1.224-.91 2.472.594 3.281.594c.56 0 1.14-.016 1.14-1v-.766c-.374-.987-27.359-1.156-27.359.512"/></g><g filter="url(#iaNil1d)"><path fill="url(#i0sIXFb)" d="M21.308 15.94c-.2.2-.51.2-.71 0l-.74-.74c-.2-.2-.2-.51 0-.71s.51-.2.71 0l.74.74c.2.2.2.52 0 .71"/><path fill="#E6A9AF" d="M21.308 15.94c-.2.2-.51.2-.71 0l-.74-.74c-.2-.2-.2-.51 0-.71s.51-.2.71 0l.74.74c.2.2.2.52 0 .71"/></g><path fill="url(#iSpCYXb)" d="M21.456 15.857c-.2.2-.51.2-.71 0l-.74-.74c-.2-.2-.2-.51 0-.71s.51-.2.71 0l.74.74c.2.2.2.52 0 .71"/><path fill="url(#i1cXAjl)" d="M21.456 15.857c-.2.2-.51.2-.71 0l-.74-.74c-.2-.2-.2-.51 0-.71s.51-.2.71 0l.74.74c.2.2.2.52 0 .71"/><g filter="url(#iF1YVxe)"><path fill="url(#iwk3JXd)" d="M11.744 14.6c-.2-.2-.51-.2-.71 0l-.74.74c-.2.2-.2.51 0 .71s.51.2.71 0l.74-.74c.19-.2.19-.51 0-.71"/><path fill="url(#iGWcfdd)" d="M11.744 14.6c-.2-.2-.51-.2-.71 0l-.74.74c-.2.2-.2.51 0 .71s.51.2.71 0l.74-.74c.19-.2.19-.51 0-.71"/><path fill="#CCA39A" d="M11.744 14.6c-.2-.2-.51-.2-.71 0l-.74.74c-.2.2-.2.51 0 .71s.51.2.71 0l.74-.74c.19-.2.19-.51 0-.71"/></g><path fill="url(#iUm4lJc)" d="M11.994 14.4c-.2-.2-.51-.2-.71 0l-.74.74c-.2.2-.2.51 0 .71s.51.2.71 0l.74-.74c.19-.2.19-.51 0-.71"/><path fill="url(#iUP3xed)" d="M11.994 14.4c-.2-.2-.51-.2-.71 0l-.74.74c-.2.2-.2.51 0 .71s.51.2.71 0l.74-.74c.19-.2.19-.51 0-.71"/><path fill="url(#iMGSkGd)" d="M11.994 14.4c-.2-.2-.51-.2-.71 0l-.74.74c-.2.2-.2.51 0 .71s.51.2.71 0l.74-.74c.19-.2.19-.51 0-.71"/><g filter="url(#i5s350g)"><path fill="url(#iqnS7ub)" d="M7.353 12.956a.495.495 0 0 1-.7-.119l-.605-.854a.495.495 0 0 1 .12-.7a.495.495 0 0 1 .7.12l.605.853a.514.514 0 0 1-.12.7"/><path fill="#CEA691" d="M7.353 12.956a.495.495 0 0 1-.7-.119l-.605-.854a.495.495 0 0 1 .12-.7a.495.495 0 0 1 .7.12l.605.853a.514.514 0 0 1-.12.7"/></g><path fill="url(#iX9Uusc)" d="M7.647 12.835a.495.495 0 0 1-.7-.12l-.605-.853a.495.495 0 0 1 .12-.7a.495.495 0 0 1 .7.119l.604.854a.513.513 0 0 1-.119.7"/><path fill="url(#iCuZAlb)" d="M7.647 12.835a.495.495 0 0 1-.7-.12l-.605-.853a.495.495 0 0 1 .12-.7a.495.495 0 0 1 .7.119l.604.854a.513.513 0 0 1-.119.7"/><g filter="url(#iQospNb)"><path fill="url(#iXUg1Oq)" d="M25.428 11.313a.495.495 0 0 0-.702.107l-.62.843a.495.495 0 0 0 .107.702a.495.495 0 0 0 .702-.107l.62-.843a.495.495 0 0 0-.107-.702"/><path fill="#F8CCAD" d="M25.428 11.313a.495.495 0 0 0-.702.107l-.62.843a.495.495 0 0 0 .107.702a.495.495 0 0 0 .702-.107l.62-.843a.495.495 0 0 0-.107-.702"/></g><path fill="url(#iyRdZhb)" d="M25.543 11.172a.495.495 0 0 0-.702.106l-.62.843a.495.495 0 0 0 .106.702a.495.495 0 0 0 .702-.107l.62-.842a.495.495 0 0 0-.106-.702"/><path fill="url(#iJc67Nb)" d="M25.543 11.172a.495.495 0 0 0-.702.106l-.62.843a.495.495 0 0 0 .106.702a.495.495 0 0 0 .702-.107l.62-.842a.495.495 0 0 0-.106-.702"/><g filter="url(#iFGFEHd)"><path fill="#AD8994" d="M15.15 11.394c-.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"/></g><path fill="url(#imW4PWc)" d="M15.28 11.272c-.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"/><defs><radialGradient id="iVVbdve" cx="0" cy="0" r="1" gradientTransform="matrix(0 .50781 -.97656 0 9.93 6.516)" gradientUnits="userSpaceOnUse"><stop stop-color="#8BFDFF"/><stop offset="1" stop-color="#8DFFFF" stop-opacity="0"/></radialGradient><radialGradient id="i3VsFtd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.90626 3.71874 -9.24396 -4.73852 10.438 1.719)" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#FFEF5B"/><stop offset=".814" stop-color="#FDA43A"/></radialGradient><radialGradient id="iZTVVLk" cx="0" cy="0" r="1" gradientTransform="rotate(106.757 3.676 5.204)scale(2.05937)" gradientUnits="userSpaceOnUse"><stop stop-color="#FECF4D"/><stop offset="1" stop-color="#FF9B32"/></radialGradient><radialGradient id="iZOEMkd" cx="0" cy="0" r="1" gradientTransform="matrix(0 .50781 -.97656 0 16.43 6.516)" gradientUnits="userSpaceOnUse"><stop stop-color="#8BFDFF"/><stop offset="1" stop-color="#8DFFFF" stop-opacity="0"/></radialGradient><radialGradient id="iAjaDcb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.90626 3.71874 -9.24396 -4.73852 16.948 1.719)" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#FFEF5B"/><stop offset=".814" stop-color="#FDA43A"/></radialGradient><radialGradient id="i8MevbN" cx="0" cy="0" r="1" gradientTransform="rotate(106.686 6.915 7.64)scale(2.06788 2.06014)" gradientUnits="userSpaceOnUse"><stop stop-color="#FECF4D"/><stop offset="1" stop-color="#FF9B32"/></radialGradient><radialGradient id="im4zf9c" cx="0" cy="0" r="1" gradientTransform="matrix(0 .50781 -.97656 0 22.93 6.597)" gradientUnits="userSpaceOnUse"><stop stop-color="#8BFDFF"/><stop offset="1" stop-color="#8DFFFF" stop-opacity="0"/></radialGradient><radialGradient id="iFV6Gdb" cx="0" cy="0" r="1" gradientTransform="rotate(117.062 11.194 8.032)scale(4.17597 10.3602)" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#FFEF5B"/><stop offset=".814" stop-color="#FDA43A"/></radialGradient><radialGradient id="iVwHNDm" cx="0" cy="0" r="1" gradientTransform="rotate(106.686 10.174 10.046)scale(2.06788 2.06014)" gradientUnits="userSpaceOnUse"><stop stop-color="#FECF4D"/><stop offset="1" stop-color="#FF9B32"/></radialGradient><radialGradient id="i2KMQ7b" cx="0" cy="0" r="1" gradientTransform="matrix(0 11.4375 -6.67388 0 21.123 24.19)" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#FFBE8A"/><stop offset=".982" stop-color="#FFBB8A" stop-opacity="0"/></radialGradient><radialGradient id="iwO0k6c" cx="0" cy="0" r="1" gradientTransform="matrix(-17.18748 13.62507 -21.78108 -27.47596 26 11.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF2C2"/><stop offset=".226" stop-color="#FFF2C2" stop-opacity=".645"/><stop offset=".636" stop-color="#FFF1C1" stop-opacity="0"/></radialGradient><radialGradient id="i1wpHwe" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.34375 -8.5625 0 24.188 11.063)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCC8"/><stop offset="1" stop-color="#FFF9C7" stop-opacity="0"/></radialGradient><radialGradient id="ijDCCyb" cx="0" cy="0" r="1" gradientTransform="matrix(0 10.4375 -8.04767 0 16.005 18.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#FDDAC6"/><stop offset="1" stop-color="#FBD7C3" stop-opacity="0"/></radialGradient><radialGradient id="ih1rIEl" cx="0" cy="0" r="1" gradientTransform="matrix(-.75 7.10156 -5.47554 -.57828 23.25 19.023)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF4D0"/><stop offset="1" stop-color="#FFF3D1" stop-opacity="0"/></radialGradient><radialGradient id="is2Ff4d" cx="0" cy="0" r="1" gradientTransform="rotate(143.326 10.853 10.153)scale(20.7287 32.6077)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF2C2"/><stop offset=".226" stop-color="#FFF2C2" stop-opacity=".645"/><stop offset=".636" stop-color="#FFF1C1" stop-opacity="0"/></radialGradient><radialGradient id="ihrcydV" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.22102 -8.28241 0 23.868 11.36)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCC8"/><stop offset="1" stop-color="#FFF9C7" stop-opacity="0"/></radialGradient><radialGradient id="iSGc6Ic" cx="0" cy="0" r="1" gradientTransform="scale(7.78442 9.48418)rotate(90 .078 1.97)" gradientUnits="userSpaceOnUse"><stop stop-color="#FDDAC6"/><stop offset="1" stop-color="#FBD7C3" stop-opacity="0"/></radialGradient><radialGradient id="iKrQBRL" cx="0" cy="0" r="1" gradientTransform="matrix(-.72547 6.45293 -5.28866 -.59457 22.961 18.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF4D0"/><stop offset="1" stop-color="#FFF3D1" stop-opacity="0"/></radialGradient><radialGradient id="i1cXAjl" cx="0" cy="0" r="1" gradientTransform="matrix(-.23367 .30907 -.3081 -.23294 21.356 15.457)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF80E2"/><stop offset="1" stop-color="#FF80E2" stop-opacity="0"/></radialGradient><radialGradient id="iGWcfdd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.46561 1.375 -1.07563 -1.14651 11.61 14.825)" gradientUnits="userSpaceOnUse"><stop offset=".629" stop-color="#CF794B" stop-opacity="0"/><stop offset="1" stop-color="#CF794B"/></radialGradient><radialGradient id="iUP3xed" cx="0" cy="0" r="1" gradientTransform="matrix(-1.46561 1.375 -1.07563 -1.14651 11.86 14.625)" gradientUnits="userSpaceOnUse"><stop offset=".629" stop-color="#CF794B" stop-opacity="0"/><stop offset="1" stop-color="#CF794B"/></radialGradient><radialGradient id="iMGSkGd" cx="0" cy="0" r="1" gradientTransform="matrix(.70313 .70313 -.49219 .49219 12.017 14.421)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC054"/><stop offset="1" stop-color="#FFBD42" stop-opacity="0"/></radialGradient><radialGradient id="iCuZAlb" cx="0" cy="0" r="1" gradientTransform="matrix(-.28125 .26563 -.26449 -.28005 7.609 12.423)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF80E2"/><stop offset="1" stop-color="#FF80E2" stop-opacity="0"/></radialGradient><radialGradient id="iJc67Nb" cx="0" cy="0" r="1" gradientTransform="rotate(-15.255 61.066 -83.511)scale(1.06891)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#D88043"/><stop offset="1" stop-color="#D98044" stop-opacity="0"/></radialGradient><linearGradient id="iy70rYc" x1="8.5" x2="10.5" y1="7.875" y2="7.875" gradientUnits="userSpaceOnUse"><stop stop-color="#3F92A6"/><stop offset=".137" stop-color="#52B4CF"/><stop offset=".563" stop-color="#73E5FF"/><stop offset=".816" stop-color="#71E2FC"/><stop offset="1" stop-color="#5BD0EF"/></linearGradient><linearGradient id="isAUmRb" x1="15" x2="17" y1="7.875" y2="7.875" gradientUnits="userSpaceOnUse"><stop stop-color="#3F92A6"/><stop offset=".137" stop-color="#52B4CF"/><stop offset=".563" stop-color="#73E5FF"/><stop offset=".816" stop-color="#71E2FC"/><stop offset="1" stop-color="#5BD0EF"/></linearGradient><linearGradient id="iEVUj3d" x1="21.5" x2="23.5" y1="7.956" y2="7.956" gradientUnits="userSpaceOnUse"><stop stop-color="#3F92A6"/><stop offset=".137" stop-color="#52B4CF"/><stop offset=".563" stop-color="#73E5FF"/><stop offset=".816" stop-color="#71E2FC"/><stop offset="1" stop-color="#5BD0EF"/></linearGradient><linearGradient id="isaqojc" x1="2" x2="29.563" y1="22.498" y2="22.498" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#BB8960"/><stop offset=".129" stop-color="#DC9A6F"/><stop offset=".543" stop-color="#F6A377"/><stop offset=".698" stop-color="#F8A672"/><stop offset=".858" stop-color="#FBAA6C"/><stop offset=".939" stop-color="#E99952"/><stop offset=".982" stop-color="#CC894F"/></linearGradient><linearGradient id="igja39b" x1="16" x2="16" y1="24.813" y2="30.25" gradientUnits="userSpaceOnUse"><stop offset=".739" stop-color="#F7A378" stop-opacity="0"/><stop offset=".862" stop-color="#E4828A"/><stop offset=".954" stop-color="#BA5CA3"/></linearGradient><linearGradient id="iyTFRvb" x1="2.563" x2="29.563" y1="22.985" y2="22.985" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#C7A88A"/><stop offset=".038" stop-color="#D3B08F"/><stop offset=".206" stop-color="#FFD0B4"/><stop offset=".511" stop-color="#FFE3CA"/><stop offset=".799" stop-color="#FFF7CF"/><stop offset=".933" stop-color="#FFE5B6"/><stop offset=".992" stop-color="#E9CAA0"/></linearGradient><linearGradient id="iXKyJNd" x1="3.698" x2="28.524" y1="18.813" y2="18.813" gradientUnits="userSpaceOnUse"><stop stop-color="#BF6245"/><stop offset=".388" stop-color="#BD6555"/><stop offset=".679" stop-color="#A54D3B"/><stop offset="1" stop-color="#8E4229"/></linearGradient><linearGradient id="i3wX0hc" x1="30.01" x2="27.438" y1="15.125" y2="15.125" gradientUnits="userSpaceOnUse"><stop stop-color="#EAD3A8"/><stop offset=".466" stop-color="#FEE6B8"/><stop offset=".903" stop-color="#FFF0C2" stop-opacity="0"/></linearGradient><linearGradient id="idmQame" x1="16.005" x2="16.005" y1="9.016" y2="19.023" gradientUnits="userSpaceOnUse"><stop stop-color="#D8B38B"/><stop offset=".03" stop-color="#F9C588"/><stop offset=".16" stop-color="#FFE59F" stop-opacity="0"/></linearGradient><linearGradient id="iJxbb3p" x1="2" x2="8.063" y1="15.125" y2="15.125" gradientUnits="userSpaceOnUse"><stop stop-color="#A9967B"/><stop offset=".412" stop-color="#D2B79E"/><stop offset="1" stop-color="#DBBEA7" stop-opacity="0"/></linearGradient><linearGradient id="i1fU1xd" x1="19.688" x2="19.688" y1="18.563" y2="14.02" gradientUnits="userSpaceOnUse"><stop stop-color="#D697AC"/><stop offset=".358" stop-color="#D697AC" stop-opacity="0"/></linearGradient><linearGradient id="iqIyPve" x1="29.5" x2="27.012" y1="15.051" y2="15.051" gradientUnits="userSpaceOnUse"><stop stop-color="#EAD3A8"/><stop offset=".466" stop-color="#FEE6B8"/><stop offset=".903" stop-color="#FFF0C2" stop-opacity="0"/></linearGradient><linearGradient id="iw1isxb" x1="15.953" x2="15.953" y1="9.5" y2="18.594" gradientUnits="userSpaceOnUse"><stop stop-color="#D8B38B"/><stop offset=".03" stop-color="#F9C588"/><stop offset=".16" stop-color="#FFE59F" stop-opacity="0"/></linearGradient><linearGradient id="iTXUEee" x1="2.406" x2="8.27" y1="15.051" y2="15.051" gradientUnits="userSpaceOnUse"><stop stop-color="#A9967B"/><stop offset=".412" stop-color="#D2B79E"/><stop offset="1" stop-color="#DBBEA7" stop-opacity="0"/></linearGradient><linearGradient id="i0sIXFb" x1="20.96" x2="20.313" y1="14.932" y2="15.6" gradientUnits="userSpaceOnUse"><stop stop-color="#FF79C8"/><stop offset=".384" stop-color="#FF79D8"/><stop offset="1" stop-color="#C557AB"/></linearGradient><linearGradient id="iSpCYXb" x1="21.109" x2="20.461" y1="14.849" y2="15.517" gradientUnits="userSpaceOnUse"><stop stop-color="#FF79C8"/><stop offset=".384" stop-color="#FF79D8"/><stop offset="1" stop-color="#C557AB"/></linearGradient><linearGradient id="iwk3JXd" x1="10.645" x2="11.348" y1="14.986" y2="15.659" gradientUnits="userSpaceOnUse"><stop stop-color="#D29440"/><stop offset=".31" stop-color="#E29B3E"/><stop offset=".635" stop-color="#EE9744"/><stop offset="1" stop-color="#F19542"/></linearGradient><linearGradient id="iUm4lJc" x1="10.894" x2="11.597" y1="14.786" y2="15.459" gradientUnits="userSpaceOnUse"><stop stop-color="#D29440"/><stop offset=".31" stop-color="#E29B3E"/><stop offset=".635" stop-color="#EE9744"/><stop offset="1" stop-color="#F19542"/></linearGradient><linearGradient id="iqnS7ub" x1="7.175" x2="6.425" y1="11.903" y2="12.45" gradientUnits="userSpaceOnUse"><stop stop-color="#FF79C8"/><stop offset=".384" stop-color="#FF79D8"/><stop offset="1" stop-color="#C557AB"/></linearGradient><linearGradient id="iX9Uusc" x1="7.469" x2="6.719" y1="11.781" y2="12.328" gradientUnits="userSpaceOnUse"><stop stop-color="#FF79C8"/><stop offset=".384" stop-color="#FF79D8"/><stop offset="1" stop-color="#C557AB"/></linearGradient><linearGradient id="iXUg1Oq" x1="24.401" x2="25.198" y1="11.861" y2="12.423" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA947"/><stop offset=".31" stop-color="#FFB841"/><stop offset=".635" stop-color="#FFC656"/><stop offset="1" stop-color="#F3A740"/></linearGradient><linearGradient id="iyRdZhb" x1="24.516" x2="25.313" y1="11.719" y2="12.281" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA947"/><stop offset=".31" stop-color="#FFB841"/><stop offset=".635" stop-color="#FFC656"/><stop offset="1" stop-color="#F3A740"/></linearGradient><linearGradient id="imW4PWc" x1="16.406" x2="15.734" y1="11.672" y2="12.359" gradientUnits="userSpaceOnUse"><stop stop-color="#4FC3FF"/><stop offset=".371" stop-color="#45B2FF"/><stop offset="1" stop-color="#417EDD"/></linearGradient><filter id="i2Frc2Y" width="26.366" height="5.413" x="2.75" y="14.091" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".125"/></filter><filter id="in3s1Xb" width="29.359" height="4.885" x="1.406" y="15.006" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".5"/></filter><filter id="iaNil1d" width="2.25" height="2.25" x="19.458" y="14.091" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".125"/></filter><filter id="iF1YVxe" width="2.242" height="2.25" x="9.894" y="14.2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".125"/></filter><filter id="i5s350g" width="2.108" height="2.363" x="5.703" y="10.938" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".125"/></filter><filter id="iQospNb" width="2.129" height="2.353" x="23.756" y="10.963" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".125"/></filter><filter id="iFGFEHd" width="2.25" height="2.25" x="14.75" y="10.994" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32701" stdDeviation=".125"/></filter></defs></g></svg>How to use the Birthday Cake icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:birthday-cake" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:birthday-cake" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:birthday-cake" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--birthday-cake]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:birthday-cake"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:birthday-cake"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/birthday-cake.svg" alt="Birthday Cake icon" width="24" height="24">Birthday Cake icon in other icon sets
Birthday Cake icon FAQ
Is the Birthday Cake icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Birthday Cake icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:birthday-cake" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Birthday Cake icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/birthday-cake.svg" alt="Birthday Cake icon">, or paste the SVG code inline to style it with CSS.