Add icons to this collection by clicking the heart icon.
Birthday Card icon - also known as envelope, greeting, party, celebration, invitation, birthday card, and birthday and party. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b9d9ef" />
<stop offset="1" stop-color="#9ecdef" />
</linearGradient>
<linearGradient
id="g"
x1="60.013"
x2="60.679"
y1="12.144"
y2="19.811"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f08674" />
<stop offset=".287" stop-color="#ed8272" />
<stop offset=".585" stop-color="#e5756c" />
<stop offset=".887" stop-color="#d86163" />
<stop offset="1" stop-color="#d2575e" />
</linearGradient>
<linearGradient
id="h"
x1="117.396"
x2="139.253"
y1="59.5"
y2="59.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="61.352"
x2="61.956"
y1="-7.72"
y2="8.276"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2dcca" />
<stop offset=".667" stop-color="#f4eadd" />
</linearGradient>
<linearGradient
id="j"
x1="64.947"
x2="64.28"
y1="15.091"
y2="65.758"
gradientUnits="userSpaceOnUse"
>
<stop offset=".12" stop-color="#9ec8f0" />
<stop offset="1" stop-color="#65b3e1" />
</linearGradient>
<linearGradient
id="k"
x1="54.386"
x2="55.052"
y1="12.633"
y2="20.3"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="35.988"
x2="32.738"
y1="19.436"
y2="7.311"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".04" stop-color="#fb9e4b" />
<stop offset="1" stop-color="#ff965b" />
</linearGradient>
<linearGradient
id="m"
x1="44.412"
x2="45.202"
y1="17.574"
y2="13.152"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffd5a3" />
<stop offset="1" stop-color="#ffba76" />
</linearGradient>
<linearGradient
id="n"
x1="46.25"
x2="43"
y1="16.686"
y2="4.561"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f1a800" />
<stop offset=".997" stop-color="#ffb054" />
</linearGradient>
<linearGradient
id="o"
x1="53"
x2="53"
y1="22.188"
y2="25.125"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="56.513"
x2="53.263"
y1="13.935"
y2="1.81"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="65.732"
x2="66.522"
y1="21.381"
y2="16.959"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="66.776"
x2="63.526"
y1="11.184"
y2="-.941"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="75"
x2="75"
y1="22.188"
y2="25.125"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="77.038"
x2="73.788"
y1="8.433"
y2="-3.692"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="87.053"
x2="87.842"
y1="25.188"
y2="20.766"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="68.388"
x2="70.114"
y1="29.588"
y2="19.7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efd1b5" />
<stop offset=".667" stop-color="#fcc8ad" />
</linearGradient>
<linearGradient
id="w"
x1="35"
x2="93"
y1="49"
y2="49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#906656" />
<stop offset="1" stop-color="#725440" />
</linearGradient>
<linearGradient id="f">
<stop offset="0" stop-color="#ffd385" />
<stop offset=".824" stop-color="#ff9b34" />
</linearGradient>
<linearGradient
id="x"
x1="45.22"
x2="47.386"
y1="35.876"
y2="61.209"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="28.396"
x2="40.521"
y1="24.998"
y2="37.873"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="22.535"
x2="34.66"
y1="30.517"
y2="43.392"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="A"
x1="32.512"
x2="44.637"
y1="21.121"
y2="33.996"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="B"
x1="62.919"
x2="65.086"
y1="34.362"
y2="59.696"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="C"
x1="41.146"
x2="53.271"
y1="12.99"
y2="25.865"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="D"
x1="40.992"
x2="53.117"
y1="13.135"
y2="26.01"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="E"
x1="78.888"
x2="81.055"
y1="32.996"
y2="58.33"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="49.471"
x2="61.596"
y1="5.15"
y2="18.025"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="G"
x1="87.483"
x2="89.65"
y1="32.261"
y2="57.595"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="H"
x1="64.309"
x2="63.643"
y1="74.464"
y2="142.464"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#g)"
d="M126 58 69 6c-3.031-2.667-6.875-2.666-10 0L2 58l56 46c3.125 2.666 8.969 2.667 12 0z"
/>
<path
fill="url(#h)"
d="M112 101H16V28c0-5.523 4.477-10 10-10h76c5.523 0 10 4.477 10 10z"
/>
<path fill="url(#i)" d="M108 97H20V28a6 6 0 0 1 6-6h76a6 6 0 0 1 6 6z" />
<path
fill="url(#j)"
d="M70 104c-3.031 2.667-8.875 2.666-12 0L2 58v58c0 5.523 4.477 10 10 10h104c5.523 0 10-4.477 10-10V58z"
/>
<path
fill="url(#k)"
d="M70 76c-3.031-2.667-8.875-2.666-12 0L5.07 123.199A9.96 9.96 0 0 0 12 126h104a9.96 9.96 0 0 0 6.93-2.801z"
/>
<path fill="url(#l)" d="M44 48h-4V36a2 2 0 1 1 4 0z" />
<path fill="url(#m)" d="M42 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
<path fill="url(#n)" d="M55 48h-4V36a2 2 0 1 1 4 0z" />
<path fill="url(#o)" d="M53 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
<path fill="url(#p)" d="M66 48h-4V36a2 2 0 1 1 4 0z" />
<path fill="url(#q)" d="M64 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
<path fill="url(#r)" d="M77 48h-4V36a2 2 0 1 1 4 0z" />
<path fill="url(#s)" d="M75 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
<path fill="url(#t)" d="M88 48h-4V36a2 2 0 1 1 4 0z" />
<path fill="url(#u)" d="M86 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
<path fill="url(#v)" d="M85 69H43a5 5 0 0 1-5-5V45h52v19a5 5 0 0 1-5 5z" />
<path
fill="url(#w)"
d="M35 45v4c0 2 0 4 4 4 2 0 2.002-4 5-4 7.01 0 1.295 8 7.989 8 6.73 0-.989-8 5.999-8 2.999 0 2.999 4 5.999 4s3-2 6.001-2c2.999 0 2.999 4 5.997 4 3.001 0 3.001-4 6.003-4 3.003 0 5.01 3 8.013 3 2.432 0 3-1 3-3v-6a4 4 0 0 0-4-4H39a4 4 0 0 0-4 4z"
/>
<circle cx="46" cy="45" r="1" fill="url(#x)" />
<circle cx="51" cy="49" r="1" fill="url(#y)" />
<circle cx="39" cy="48" r="1" fill="url(#z)" />
<circle cx="55" cy="45" r="1" fill="url(#A)" />
<circle cx="64" cy="47" r="1" fill="url(#B)" />
<circle cx="76" cy="50" r="1" fill="url(#C)" />
<circle cx="71" cy="45" r="1" fill="url(#D)" />
<circle cx="80" cy="46" r="1" fill="url(#E)" />
<circle cx="87" cy="45" r="1" fill="url(#F)" />
<circle cx="89" cy="50" r="1" fill="url(#G)" />
<path
fill="url(#H)"
d="M80 110H48c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2h32c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2z"
/>
</svg>
More icons in the same style and category