Add icons to this collection by clicking the heart icon.
Birthday icon - also known as cake, people, bakery, man, birthday, boy, avatar, and food and restaurant. Created in a clean lineal color style with a white, gray, black, red, maroon, olive, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M120.997 369.494h30v60h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-105h60v75z"
transform="matrix(1.33333 0 0 -1.33333 201.33 190.008)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75h120V0l-15 30H15Z"
transform="matrix(1.33333 0 0 -1.33333 81.33 230.008)"
fill="#a45e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-25l15-45h30v25C20-9 11 0 0 0"
transform="translate(190.997 384.494)"
fill="#40211d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80c-11 0-20-9-20-20v-25h30v-15c0-8.25 6.75-15 15-15s15 6.75 15 15v15h60v25C20-9 11 0 0 0"
transform="translate(160.997 384.494)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30l15 75h-75Z"
transform="translate(316.003 144.494)"
fill="#ff6337"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-15 75H0Z"
transform="translate(316.003 144.494)"
fill="#ff8646"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 15-90c24.853 0 45 20.147 45 45z"
transform="translate(301.003 264.494)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853 20.147-45 45-45v90Z"
transform="translate(271.003 219.494)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30 .012-30-60.006 30-59.994L15-120v90z"
transform="translate(346.003 339.494)"
fill="#cf301b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-.012-15-30v-90L0-120Z"
transform="translate(316.003 339.506)"
fill="#ff4128"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.046 0-20-8.954-20-20v-175h30V0Z"
transform="translate(276.003 339.494)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10v-195h30v175C20-8.954 11.046 0 0 0"
transform="translate(356.003 339.494)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.935 5.65 2.034 12.776-2.707 17.518-4.742 4.742-11.868 5.642-17.519 2.707-1.92 6.071-7.595 10.473-14.301 10.473s-12.381-4.402-14.301-10.473c-5.651 2.935-12.777 2.035-17.519-2.707C-71.089 12.776-71.989 5.65-69.054 0c-6.071-1.921-10.473-7.596-10.473-14.302v-45h90v45C10.473-7.596 6.07-1.921 0 0"
transform="translate(350.53 473.808)"
fill="#40211d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90c24.853 0 45 20.147 45 45S24.853 0 0 0"
transform="translate(316.003 459.506)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 24.853-6.716 45-15 45-24.853 0-45-20.147-45-45s20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(331.003 414.506)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.009 0-12.699 22.369-12.699 22.369L-25.408 0a14.591 14.591 0 0 1-1.884-7.171c0-8.059 6.533-14.592 14.593-14.592 8.058 0 14.592 6.533 14.592 14.592C1.893-4.562 1.199-2.119 0 0"
transform="translate(149.105 482.137)"
fill="#ff8646"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30L0 30h30C30 13.432 16.568 0 0 0"
transform="translate(195.997 249.494)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.568 13.432-30 30-30h90c16.568 0 30 13.432 30 30z"
transform="translate(45.997 279.494)"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-110c-11 0-20-9-20-20v-85H20v85C20-9 11 0 0 0Z"
transform="translate(190.997 384.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30v-15c0-8.25 6.75-15 15-15s15 6.75 15 15V0h90"
transform="translate(60.997 339.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v45h-30V0"
transform="translate(150.997 384.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-80c-11.046 0-20-8.954-20-20v-175H20v175C20-8.954 11.046 0 0 0Z"
transform="translate(356.003 339.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c49.706 0 90 40.294 90 90"
transform="translate(376.003 319.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c7.962-7.129 18.478-11.464 30.006-11.464 11.528 0 22.043 4.335 30.005 11.463"
transform="translate(285.997 185.958)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(286.003 219.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-322l-30-10"
transform="translate(286.003 339.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-322l30-10"
transform="translate(346.003 339.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v45c0 6.706-4.402 12.381-10.473 14.302 2.935 5.65 2.035 12.776-2.707 17.517-4.742 4.743-11.868 5.643-17.518 2.707C-32.618 85.598-38.294 90-45 90c-6.706 0-12.381-4.402-14.301-10.474-5.651 2.936-12.777 2.036-17.518-2.707-4.743-4.741-5.643-11.867-2.707-17.517C-85.598 57.381-90 51.706-90 45V0"
transform="translate(361.003 414.506)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.853-20.146-45-45-45-24.853 0-45 20.147-45 45s20.147 45 45 45C-20.146 45 0 24.853 0 0Z"
transform="translate(361.003 414.506)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.009 0-12.699 22.369-12.699 22.369L-25.408 0a14.591 14.591 0 0 1-1.884-7.171c0-8.059 6.533-14.592 14.593-14.592 8.058 0 14.592 6.533 14.592 14.592C1.893-4.562 1.199-2.119 0 0Z"
transform="translate(149.105 482.137)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h120c16.568 0 30 13.432 30 30H-30C-30 13.432-16.568 0 0 0Z"
transform="translate(75.997 249.494)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category