Add icons to this collection by clicking the heart icon.
Happy Birthday icon - also known as online, card, balloons, invitation, happy birthday, and birthday and party. Created in a clean flat style with a white, silver, gray, 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
fill="#e36e46"
d="m256 371.944 244.553-133.24c0-3.653-11.028-10.059-11.028-10.059s7.494-8.754 5.589-12.47a49.355 49.355 0 0 0-18.066-19.528L281.873 76.578a49.376 49.376 0 0 0-51.746 0L34.951 196.647a49.343 49.343 0 0 0-17.425 18.32c-1.963 3.581-.949 12.811-.949 12.811s-5.132 6.708-5.132 10.927z"
/>
<path
fill="#fff9e7"
d="M310.549 433.899 76.598 352.746c-11.272-3.91-17.24-16.218-13.33-27.49L171.052 14.529c3.91-11.272 16.218-17.24 27.49-13.33l233.952 81.153c11.272 3.91 17.24 16.218 13.33 27.49L338.039 420.568c-3.91 11.273-16.217 17.241-27.49 13.331z"
/>
<path
fill="#fbebcf"
d="M271.608 305.251a29.66 29.66 0 0 1-30.942-.075l-140.48-86.352-36.919 106.432c-3.91 11.272 2.058 23.58 13.33 27.49l233.952 81.153c11.272 3.91 23.58-2.058 27.49-13.33l68.447-197.323z"
/>
<path
fill="#8cd6fe"
d="m248.006 296.9-19.608-24.269-31.108 2.394c-7.639.588-12.636-7.839-8.456-14.26l17.022-26.148-11.89-28.846c-2.92-7.084 3.55-14.44 10.949-12.449l30.128 8.109 23.76-20.222c5.835-4.966 14.831-1.086 15.223 6.566l1.598 31.159 26.574 16.348c6.526 4.015 5.615 13.769-1.54 16.507l-29.14 11.149-7.336 30.326c-1.802 7.447-11.361 9.596-16.176 3.636z"
/>
<path
fill="#5fc5fc"
d="m258.802 181.209-23.76 20.222-30.128-8.109c-7.398-1.991-13.869 5.366-10.949 12.449l11.89 28.846-17.022 26.148c-4.18 6.421.817 14.848 8.457 14.26l31.108-2.394 19.608 24.269c-15.524-33.647-18.261-82.245 10.796-115.691zM239.991 55.742a7.499 7.499 0 0 0-7.917 7.059l-1.365 23.812-30.119-1.727 1.365-23.813a7.5 7.5 0 1 0-14.975-.858l-3.717 64.824a7.5 7.5 0 0 0 7.058 7.917c3.082.172 7.161-2.219 7.917-7.059l1.493-26.036 30.119 1.727-1.493 26.036a7.5 7.5 0 0 0 7.058 7.917c3.082.172 7.161-2.219 7.917-7.059l3.717-64.824a7.5 7.5 0 0 0-7.058-7.916z"
/>
<path
fill="#495560"
d="M333.115 168.027a7.5 7.5 0 0 1-6.004-11.987l37.036-49.624a7.5 7.5 0 1 1 12.021 8.972l-37.036 49.624a7.492 7.492 0 0 1-6.017 3.015z"
/>
<path
fill="#5fc5fc"
d="M360.844 184.175c-6.249 0-12.39-1.889-17.835-5.808-4.147-2.984-14.425-10.594-14.859-10.916a7.496 7.496 0 0 1-1.563-10.492l37.593-50.583a7.499 7.499 0 0 1 10.505-1.535l14.375 10.729c15.856 11.834 17.134 32.347 3.181 51.044-8.537 11.434-20.143 17.561-31.397 17.561zm-17.734-24.321s6.665 4.902 8.66 6.338c9.914 7.135 21.433.848 28.447-8.551 6.941-9.3 10.552-22.079-.131-30.051l-8.354-6.236zM322.34 104.54c1.967-5.67 1.598-11.768-1.04-17.17-2.63-5.39-7.205-9.442-12.88-11.41l-17.913-6.214a7.501 7.501 0 0 0-9.543 4.628l-21.279 61.345a7.498 7.498 0 0 0 4.659 9.555c.002 0 16.495 5.64 21.034 7.215a25.052 25.052 0 0 0 8.22 1.391c10.37 0 20.077-6.471 23.65-16.773 2.189-6.31 1.778-13.097-1.157-19.11a25.338 25.338 0 0 0-1.612-2.784 22.238 22.238 0 0 0 7.861-10.673zm-29.663-18.165 10.826 3.756a7.508 7.508 0 0 1 4.317 3.819 7.353 7.353 0 0 1 .348 5.674 7.353 7.353 0 0 1-3.787 4.241 7.504 7.504 0 0 1-5.754.325l-10.833-3.739zm10.398 45.813c-1.803 5.198-7.537 7.944-12.782 6.127l-13.97-4.798 6.549-18.88 13.961 4.825c2.548.884 4.6 2.699 5.777 5.111a9.871 9.871 0 0 1 .465 7.615z"
/>
<path
fill="#e88f72"
d="M32.861 500.303 256 373.06l223.138 127.243c13.027-10.149 21.416-25.974 21.416-43.768l-.001-217.831c0-7.965-1.941-15.655-5.461-22.518L256 361.554 17.535 214.972a49.333 49.333 0 0 0-6.09 23.733v217.832c0 17.793 8.389 33.617 21.416 43.766z"
/>
<path
fill="#e67e5c"
d="M179.086 314.275 17.535 214.972a49.333 49.333 0 0 0-6.09 23.733v217.832c0 17.794 8.389 33.618 21.416 43.767l146.569-83.58c-6.166-33.759-6.288-68.234-.344-102.449z"
/>
<path
fill="#e67e5c"
d="M256.001 361.554 31.807 499.475C41.368 507.301 53.588 512 66.909 512h378.182c13.32 0 25.541-4.7 35.103-12.526z"
/>
<path
fill="#e36e46"
d="M31.806 499.474C41.368 507.301 53.589 512 66.909 512h147.528c-18.657-32.75-30.728-67.317-36.245-102.581z"
/>
<g fill="#fff">
<ellipse cx="172.435" cy="468.122" rx="30.834" ry="24.555" />
<ellipse cx="339.565" cy="468.122" rx="30.834" ry="24.555" />
</g>
<path
fill="#495560"
d="M190.405 451.682a7.5 7.5 0 0 1-7.5-7.5v-12c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5v12a7.5 7.5 0 0 1-7.5 7.5zM256 459.488a30.435 30.435 0 0 1-22.948-10.451 7.5 7.5 0 1 1 11.309-9.855c2.938 3.372 7.181 5.306 11.64 5.306s8.701-1.934 11.64-5.306a7.5 7.5 0 0 1 11.309 9.855A30.442 30.442 0 0 1 256 459.488zM337.818 451.348a7.5 7.5 0 0 1-7.5-7.5c0-3.532-2.874-6.406-6.406-6.406s-6.406 2.874-6.406 6.406c0 4.142-3.357 7.5-7.5 7.5s-7.5-3.358-7.5-7.5c0-11.803 9.603-21.406 21.406-21.406s21.406 9.603 21.406 21.406a7.5 7.5 0 0 1-7.5 7.5z"
/>
</svg>
More icons in the same style and category