Add icons to this collection by clicking the heart icon.
Happy Birthday icon - also known as people, happy, celebration, celebrating, celebrate, excitement, happy birthday, and birthday and party. Created in a clean lineal color style with a white, gray, black, red, teal, magenta, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
d="m218.5 7.622-30 90h75v-45c0-24.853-20.147-45-45-45z"
fill="#ffb4a9"
/>
<path
d="M218.5 7.622c-24.853 0-45 20.147-45 45v45h45v-90z"
fill="#ffd9d4"
/>
<path
d="M218.5 52.622v100l45-45v-10c0-24.86-20.15-45-45-45z"
fill="#e18f4e"
/>
<path
d="M218.5 52.622c-24.86 0-45 20.14-45 45v10l60 45v-55c0-24.86-6.72-45-15-45z"
fill="#ffa754"
/>
<path
d="m233.5 107.622-15 65c24.85 0 45-20.15 45-45v-20h-30z"
fill="#a45e43"
/>
<path
d="M233.5 107.622v20c0 24.85-6.72 45-15 45-24.86 0-45-20.15-45-45v-20h30c2.45-5.87 8.24-10 15-10s12.55 4.13 15 10z"
fill="#c27749"
/>
<path d="M218.5 262.5v75c24.853 0 45-20.147 45-45l-45-30z" fill="#1990c2" />
<path
d="m233.5 292.5-15-30-45 30c0 24.853 20.147 45 45 45 8.284 0 15-20.147 15-45z"
fill="#2dade3"
/>
<path
d="M258.5 172.5h-30l20 120h30v-100c0-11.046-8.954-20-20-20z"
fill="#ffb4a9"
/>
<path
d="M228.5 172.5h-50c-11.046 0-20 8.954-20 20v100h90v-100c0-11.046-8.954-20-20-20z"
fill="#ffd9d4"
/>
<circle cx="68.5" cy="22.5" r="15" fill="#fbbd57" />
<path
d="M8.5 67.5c0 8.284 6.716 15 15 15s15-6.716 15-15-6.716-15-15-15-15 6.716-15 15 0-8.284 0 0z"
fill="#ff4996"
/>
<circle cx="23.5" cy="127.5" r="7.5" />
<circle cx="113.5" cy="67.5" r="7.5" />
<circle cx="23.5" cy="22.5" r="7.5" />
<path
d="M413.5 7.622c-44.356 0-81.215 32.089-88.636 74.318L293.5 97.622l31.364 15.682c7.421 42.229 44.28 74.318 88.636 74.318 49.706 0 90-40.294 90-90s-40.294-90-90-90z"
fill="#fff0d3"
/>
<path d="M458.452 57.928v30l-60 30 30-60z" fill="#ff1b7c" />
<path d="M368.452 57.928v30l60 30v-60z" fill="#ff4996" />
<path d="M428.452 137.316h30V87.928h-30l-15 24.694z" fill="#ffcb63" />
<path d="M368.452 87.928h60v49.387h-60z" fill="#ffe2a8" />
<path
d="M263.5 97.622v-45c0-24.853-20.147-45-45-45s-45 20.147-45 45v45"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M218.5 52.622c-24.853 0-45 20.147-45 45v30c0 24.853 20.147 45 45 45s45-20.147 45-45v-30c0-24.853-20.147-45-45-45z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M263.5 107.622h-30c-2.449-5.872-8.241-10-15-10s-12.551 4.128-15 10h-30M258.5 172.5h-80c-11.046 0-20 8.954-20 20v100h120v-100c0-11.046-8.954-20-20-20zM158.5 192.5c-49.706 0-90-40.294-90-90"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="68.5"
cy="22.5"
r="15"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M8.5 67.5c0 8.284 6.716 15 15 15s15-6.716 15-15-6.716-15-15-15-15 6.716-15 15M173.5 292.5c0 24.853 20.147 45 45 45s45-20.147 45-45"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M248.5 326.032V494.5l30 10M188.5 326.032V494.5l-30 10M413.5 7.622c-44.356 0-81.215 32.089-88.636 74.318L293.5 97.622l31.364 15.682c7.421 42.229 44.28 74.318 88.636 74.318 49.706 0 90-40.294 90-90s-40.294-90-90-90z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M368.452 57.928h90v79.387h-90zM458.452 87.928h-90"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category