Add icons to this collection by clicking the heart icon.
Greeting Card icon - also known as card, love, mother, communications, mom, greeting card, and mothers day. Created in a clean gradient 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#eca0aa" />
<stop offset="1" stop-color="#f8dde3" />
</linearGradient>
<linearGradient
id="c"
x1="227.776"
x2="227.776"
y1="94.242"
y2="-37.779"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="251"
x2="251"
y1="452.911"
y2="17.224"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9edaf" />
<stop offset="1" stop-color="#fffcdd" />
</linearGradient>
<linearGradient
id="e"
x1="119.18"
x2="119.18"
y1="482.509"
y2="309.518"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6ac65e" />
<stop offset="1" stop-color="#afd986" />
</linearGradient>
<linearGradient
id="f"
x1="91.775"
x2="91.775"
y1="482.509"
y2="309.518"
gradientTransform="matrix(-1 0 0 1 474.595 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="g"
x1="-2309.427"
x2="-2367.52"
y1="-643.917"
y2="-643.917"
gradientTransform="scale(1 -1) rotate(45 -1299.543 2585.539)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="h"
x1="183.333"
x2="115.354"
y1="434.061"
y2="434.061"
gradientTransform="rotate(90 260.332 424.73)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="2744.135"
x2="2676.157"
y1="-2704.786"
y2="-2704.786"
gradientTransform="rotate(180 1511.673 -1164.422)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-394.712"
x2="-462.691"
y1="-5265.589"
y2="-5265.589"
gradientTransform="rotate(-90 2763.014 -2753.573)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="222.79"
x2="154.811"
y1="375.942"
y2="375.942"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="208.9"
x2="297.578"
y1="375.942"
y2="375.942"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<path
fill="url(#c)"
d="m91.677 95.793 207.92-91.839c30.264-13.368 64.279 8.793 64.279 41.878v372.563z"
/>
<path
fill="#e88792"
d="M252.572 71.908c0-11.154-9.042-20.195-20.195-20.195h-40.904l-99.796 44.08 16.611 19.687 41.791-23.378h82.298c11.153.001 20.195-9.04 20.195-20.194z"
/>
<path
fill="url(#d)"
d="M393.691 502H108.309c-21.716 0-39.32-17.604-39.32-39.32V131.424c0-21.716 17.604-39.32 39.32-39.32H393.69c21.716 0 39.32 17.604 39.32 39.32V462.68c.001 21.716-17.603 39.32-39.319 39.32z"
/>
<path
fill="url(#e)"
d="M68.989 339.249v123.43c0 21.716 17.604 39.32 39.32 39.32h61.063c-17.76-89.376-65.54-141.498-100.383-162.75z"
/>
<path
fill="url(#f)"
d="M433.011 339.249v123.43c0 21.716-17.604 39.32-39.32 39.32h-61.063c17.76-89.376 65.54-141.498 100.383-162.75z"
/>
<path
fill="#e88792"
d="M119.783 235.863h-.041c-5.523-.023-9.982-4.518-9.96-10.04l.267-65.908a11.509 11.509 0 0 1 8.75-10.986 11.51 11.51 0 0 1 12.852 5.666l.172.331 16.839 33.866 3.918-37.773a11.51 11.51 0 0 1 10.032-9.827 11.512 11.512 0 0 1 12.058 7.2l.045.115 23.436 61.632c1.963 5.163-.63 10.938-5.792 12.901-5.167 1.965-10.94-.631-12.901-5.792l-10.716-28.182-3.252 31.346a11.483 11.483 0 0 1-9.336 9.719 11.483 11.483 0 0 1-12.156-5.816l-.172-.33-13.921-27.998-.121 29.917c-.024 5.509-4.497 9.959-10.001 9.959zM382.217 235.863c-5.504 0-9.977-4.45-9.999-9.96l-.121-29.917-14.093 28.328a11.48 11.48 0 0 1-12.156 5.816 11.483 11.483 0 0 1-9.336-9.719l-.044-.359-3.208-30.986-10.716 28.182c-1.962 5.162-7.739 7.758-12.901 5.792-5.162-1.963-7.755-7.738-5.792-12.901l23.48-61.747c1.915-4.855 6.877-7.821 12.054-7.2a11.508 11.508 0 0 1 10.035 9.821l.045.361 3.874 37.418 17.011-34.197a11.509 11.509 0 0 1 12.852-5.666 11.51 11.51 0 0 1 8.75 10.986l.001.118.266 65.79c.022 5.522-4.436 10.018-9.96 10.04h-.042zM251 219.943c-23.845 0-43.243-19.398-43.243-43.243 0-23.844 19.398-43.242 43.243-43.242s43.243 19.398 43.243 43.242c0 23.845-19.398 43.243-43.243 43.243zm0-66.485c-12.816 0-23.243 10.427-23.243 23.242 0 12.816 10.427 23.243 23.243 23.243s23.243-10.427 23.243-23.243c0-12.815-10.427-23.242-23.243-23.242z"
/>
<path
fill="url(#g)"
d="M219.609 454.836c-13.118-13.118-13.118-34.386 0-47.503L251 375.942l31.391 31.391c13.118 13.118 13.118 34.386 0 47.503-17.337 17.337-45.445 17.337-62.782 0z"
/>
<path
fill="url(#h)"
d="M282.391 297.048c13.118 13.118 13.118 34.385 0 47.503L251 375.942l-31.391-31.391c-13.118-13.118-13.118-34.386 0-47.503 17.337-17.337 45.445-17.337 62.782 0z"
/>
<path
fill="url(#i)"
d="M329.894 407.333c-13.118 13.118-34.386 13.118-47.503 0L251 375.942l31.391-31.391c13.118-13.118 34.386-13.118 47.503 0 17.337 17.337 17.337 45.445 0 62.782z"
/>
<path
fill="url(#j)"
d="M219.609 454.836c-13.118-13.118-13.118-34.386 0-47.503L251 375.942l31.391 31.391c13.118 13.118 13.118 34.386 0 47.503-17.337 17.337-45.445 17.337-62.782 0z"
/>
<path
fill="url(#k)"
d="M172.106 344.551c13.118-13.118 34.385-13.118 47.503 0L251 375.942l-31.391 31.391c-13.118 13.118-34.385 13.118-47.503 0-17.337-17.337-17.337-45.445 0-62.782z"
/>
<circle cx="251" cy="375.942" r="41.54" fill="url(#l)" />
<ellipse cx="163.114" cy="314.377" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="338.885" cy="314.377" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="188.721" cy="284.759" r="29.618" fill="#fff" />
<circle cx="313.279" cy="284.759" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle cx="188.721" cy="284.759" r="17.652" />
<circle cx="313.279" cy="284.759" r="17.652" />
<path
d="M251 315.319c-5.247 0-10.495-1.984-14.775-5.953a5 5 0 0 1 6.798-7.334c4.697 4.355 11.256 4.355 15.953 0a5 5 0 1 1 6.798 7.334c-4.279 3.969-9.527 5.953-14.774 5.953z"
/>
</g>
</svg>
More icons in the same style and category