Birthday Cake icon
cil:birthday-cake
The Birthday Cake icon (cil:birthday-cake) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- birthdaycake
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M422 226.067H312v-96h-36A85.43 85.43 0 0 0 293.054 78.5c0-27.64-13.079-53.611-34.133-67.776l-8.932-6.01l-8.931 6.01C220 24.891 206.925 50.861 206.925 78.5a85.43 85.43 0 0 0 17.059 51.566H184v96H90a58.066 58.066 0 0 0-58 58V464a32.036 32.036 0 0 0 32 32h384a32.036 32.036 0 0 0 32-32V284.067a58.066 58.066 0 0 0-58-58M249.989 45.542c6.99 8.684 11.065 20.466 11.065 32.959s-4.075 24.276-11.065 32.959c-6.989-8.683-11.064-20.466-11.064-32.96S243 54.226 249.989 45.542M216 162.067h64v64h-64Zm-152 122a26.03 26.03 0 0 1 26-26h332a26.03 26.03 0 0 1 26 26v31.577l-21.6 9.531a33.28 33.28 0 0 1-26.809 0L362 308.588l-37.6 16.586a33.28 33.28 0 0 1-26.81 0L260 308.587l-37.6 16.586a33.28 33.28 0 0 1-26.81 0L158 308.588l-37.593 16.585a33.28 33.28 0 0 1-26.81 0L64 312.117ZM448 464H64V347.093l16.678 7.358a65.36 65.36 0 0 0 52.644 0L158 343.563l24.679 10.888a65.35 65.35 0 0 0 52.643 0L260 343.563l24.677 10.888a65.35 65.35 0 0 0 52.642 0L362 343.563l24.678 10.889a65.35 65.35 0 0 0 52.641 0l8.693-3.835L448.02 464Z"/></svg>
How to use the Birthday Cake icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:birthday-cake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:birthday-cake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:birthday-cake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--birthday-cake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:birthday-cake"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:birthday-cake"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/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. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Birthday Cake icon in React?
Install @iconify/react and render <Icon icon="cil: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/cil/birthday-cake.svg" alt="Birthday Cake icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
