Add icons to this collection by clicking the heart icon.
Birthday Card icon - also known as present, greeting, celebration, invitation, gift card, birthday card, and birthday and party. Created in a clean color style, 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="f"
x1="255"
x2="255"
y1="74.934"
y2="252.083"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="255"
x2="255"
y1="71.528"
y2="223.132"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="h"
x1="218.299"
x2="318.098"
y1="156.277"
y2="331.705"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="241.621"
x2="277.622"
y1="302.66"
y2="388.51"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="j"
x1="256.599"
x2="256.599"
y1="273.671"
y2="238.551"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="319.8"
x2="274.118"
y1="246.051"
y2="246.051"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="l"
x1="217.829"
x2="309.187"
y1="240.432"
y2="254.242"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="248.901"
x2="269.395"
y1="182.379"
y2="272.706"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="246.357"
x2="275.039"
y1="336.054"
y2="370.048"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f35227" stop-opacity="0" />
<stop offset="1" stop-color="#f35227" />
</linearGradient>
<linearGradient
id="o"
x1="259.63"
x2="193.413"
y1="213.914"
y2="133.179"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="318.229"
x2="244.222"
y1="285.164"
y2="205.492"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="304.905"
x2="292.158"
y1="234.072"
y2="279.751"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="197.18"
x2="227.986"
y1="236.806"
y2="275.756"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="282.243"
x2="281.181"
y1="246.342"
y2="206.506"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="312.715"
x2="342.459"
y1="137.871"
y2="207.982"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="-1366.527"
x2="-1428.846"
y1="-108.635"
y2="-138.64"
gradientTransform="translate(1698.153 311.933)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="184.536"
x2="179.225"
y1="136.473"
y2="212.428"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="-1241.85"
x2="-1304.168"
y1="-109.146"
y2="-139.151"
gradientTransform="matrix(-1 .004 .004 1 -1063.473 311.933)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="-1188.017"
x2="-1185.476"
y1="-227.735"
y2="-179.636"
gradientTransform="rotate(-32.47 255.021 -2475.793)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="-1187.105"
x2="-1187.105"
y1="-203.895"
y2="-258.315"
gradientTransform="rotate(-32.47 255.021 -2475.793)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" stop-opacity="0" />
<stop offset="1" stop-color="#fbed21" />
</linearGradient>
<linearGradient
id="z"
x1="-2133.45"
x2="-2092.385"
y1="586.159"
y2="509.785"
gradientTransform="translate(2381.055 -395.275)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="137.341"
x2="137.341"
y1="314.475"
y2="497.253"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="-69.94"
x2="-69.94"
y1="314.475"
y2="497.253"
gradientTransform="matrix(-1 0 0 1 302.719 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="237.776"
x2="265.023"
y1="375.682"
y2="559.595"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#f)"
d="M471.658 185.965 283.73 7.574a58.275 58.275 0 0 0-57.46 0L38.328 185.973l-.126.072c-3.904 2.218-6.299 6.375-6.299 10.865v289.396c0 13.086 10.608 23.695 23.695 23.695h398.804c13.086 0 23.695-10.608 23.695-23.695V196.91c0-4.49-2.395-8.646-6.298-10.865l-.141-.08z"
/>
<path
fill="url(#g)"
d="M413.591 501.845H96.409c-17.887 0-32.387-14.5-32.387-32.387V94.951c0-17.887 14.5-32.387 32.387-32.387h317.183c17.887 0 32.387 14.5 32.387 32.387v374.507c0 17.887-14.5 32.387-32.388 32.387z"
/>
<path
fill="url(#h)"
d="M374.508 316.555H138.691V135.907c0-10.961 8.886-19.847 19.847-19.847h196.123c10.961 0 19.847 8.886 19.847 19.847z"
/>
<path
fill="url(#i)"
d="M374.508 316.555H138.691v39.639c0 10.961 8.886 19.847 19.847 19.847h196.123c10.961 0 19.847-8.886 19.847-19.847z"
/>
<path fill="url(#j)" d="M138.691 230.826h235.817v85.73H138.691z" />
<path
fill="url(#k)"
d="M354.661 116.06h-91.694v259.982h91.694c10.961 0 19.847-8.886 19.847-19.847V135.907c0-10.961-8.886-19.847-19.847-19.847z"
/>
<path fill="url(#l)" d="M226.849 116.06h56.302v259.982h-56.302z" />
<path fill="url(#m)" d="M138.69 188.157h235.817v56.302H138.69z" />
<path fill="url(#n)" d="M226.849 316.555h56.302v59.486h-56.302z" />
<path
fill="url(#o)"
d="M374.508 244.459v-56.302h-91.357v-38.66a66.574 66.574 0 0 0-5.771 9.121l-12.156 23.211a29.787 29.787 0 0 0-6.721-1.593l-31.653-31.617v39.539h-91.625c2.142 2.708 4.46 5.255 6.973 7.581l46.129 46.163a135.579 135.579 0 0 1-3.925 2.558h42.449v95.31l36.273 36.273h20.029V244.459z"
/>
<path
fill="url(#p)"
d="M374.508 188.157V356.19c0 10.963-8.881 19.854-19.844 19.854h-91.538l-77.824-77.824c-1.763-.138-3.293-1.54-3.368-3.463l-.467-11.197-20.385-20.205c-3.261-1.03-3.431-5.556-.266-6.852 8.573-3.527 16.37-7.489 23.594-12.047h98.74v-56.302h91.358z"
/>
<path
fill="url(#q)"
d="M349.185 256.502c-29.581-12.142-50.082-29.588-68.289-57.68l-31.091 39.534c19.22 29.654 40.994 47.446 73.308 59.657 2.33.88 4.849-.768 4.953-3.257l.782-18.775a9.146 9.146 0 0 1 6.403-8.348l13.661-4.281c3.264-1.023 3.436-5.552.273-6.85z"
/>
<path
fill="url(#r)"
d="M160.815 256.502c29.581-12.142 50.082-29.588 68.289-57.68l31.091 39.534c-19.22 29.654-40.994 47.446-73.308 59.657-2.33.88-4.849-.768-4.953-3.257l-.782-18.775a9.146 9.146 0 0 0-6.403-8.348l-13.661-4.281c-3.264-1.023-3.436-5.552-.273-6.85z"
/>
<path
fill="url(#s)"
d="M349.185 256.502c-29.581-12.142-50.082-29.588-68.289-57.68L255 231.751l-25.897-32.929c-5.226 8.063-10.643 15.246-16.408 21.681v.001l34.988 34.988a170.809 170.809 0 0 0 7.316-9.508c17.982 25.141 38.673 40.903 68.114 52.029 2.33.88 4.849-.768 4.953-3.257l.782-18.775a9.146 9.146 0 0 1 6.403-8.348l13.661-4.281c3.264-1.023 3.436-5.552.273-6.85z"
/>
<path
fill="url(#t)"
d="m257.229 197.094 20.15-38.477a66.577 66.577 0 0 1 59.251-35.69l45.396.185c15.201.062 24.319 16.912 16.054 29.67l-19.63 30.305a66.58 66.58 0 0 1-41.759 28.868l-58.472 12.691c-15.851 3.441-28.515-13.182-20.99-27.552z"
/>
<path
fill="url(#u)"
d="M357.083 163.69c-40.213-.164-76.488 16.778-101.988 43.964.975 10.706 11.128 19.597 23.125 16.993l58.473-12.691a66.575 66.575 0 0 0 41.758-28.868l10.13-15.639a139.255 139.255 0 0 0-31.498-3.759z"
/>
<path
fill="url(#v)"
d="m252.771 197.094-20.15-38.477a66.577 66.577 0 0 0-59.251-35.69l-45.396.185c-15.201.062-24.319 16.912-16.054 29.67l19.63 30.305a66.58 66.58 0 0 0 41.759 28.868l58.472 12.691c15.851 3.441 28.515-13.182 20.99-27.552z"
/>
<path
fill="url(#w)"
d="M152.917 163.69c40.213-.164 76.488 16.778 101.988 43.964-.975 10.706-11.128 19.597-23.125 16.993l-58.472-12.691a66.575 66.575 0 0 1-41.758-28.868l-10.13-15.639a139.24 139.24 0 0 1 31.497-3.759z"
/>
<path
fill="url(#x)"
d="M284.876 209.474c.235 16.497-12.95 30.061-29.45 30.297-16.5.235-30.067-12.947-30.302-29.445-.235-16.497 12.95-30.061 29.45-30.297 16.5-.235 30.067 12.948 30.302 29.445z"
/>
<path
fill="url(#y)"
d="M279.934 209.545c.196 13.768-10.808 25.089-24.579 25.285s-25.094-10.806-25.29-24.574 10.808-25.089 24.579-25.285c13.771-.197 25.094 10.806 25.29 24.574z"
/>
<path
fill="url(#z)"
d="M267.983 182.989a29.74 29.74 0 0 1 3.341 13.317c.235 16.497-12.95 30.061-29.45 30.297a29.74 29.74 0 0 1-13.409-2.96c5.045 9.718 15.265 16.294 26.961 16.127 16.5-.235 29.685-13.8 29.45-30.297-.166-11.692-7.033-21.719-16.893-26.484z"
/>
<path
fill="url(#A)"
d="M55.598 510c-13.086 0-23.695-10.608-23.695-23.695V206.219c0-.467.014-.932.04-1.392.976-16.84 22.154-23.917 33.637-11.561L237.271 378c9.046 9.733 6.631 25.361-4.932 31.908z"
/>
<path
fill="url(#B)"
d="M454.402 510c13.086 0 23.695-10.608 23.695-23.695V206.219c0-.467-.014-.932-.04-1.392-.976-16.84-22.154-23.917-33.637-11.561L272.729 378c-9.046 9.733-6.631 25.361 4.932 31.908z"
/>
<path
fill="url(#C)"
d="M454.402 510H55.598c-9.82 0-18.245-5.974-21.839-14.486-2.014-4.77.064-10.297 4.569-12.849L226.27 376.166a58.275 58.275 0 0 1 57.46 0l187.928 106.491c4.698 2.662 6.572 8.469 4.349 13.391-3.715 8.227-11.992 13.952-21.605 13.952z"
/>
</svg>
More icons in the same style and category