Add icons to this collection by clicking the heart icon.
Greeting Card icon - also known as message, communications, newborn, greeting card, and kid and baby. 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c40.348 43.674 65.013 102.052 65.013 166.2 0 135.31-109.691 245-245 245-135.31 0-245-109.69-245-245 0-64.148 24.664-122.526 65.012-166.2z"
transform="translate(435.987 78.8)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-110.457-89.543-200-200-200S-400-110.457-400 0s89.543 200 200 200S0 110.457 0 0"
transform="translate(456 230)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-320v195.45l302.066 60.255C-8.655 257.556 0 250.458 0 240.995Z"
transform="translate(416 256)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-352.65c-44.75-48.46-108.83-78.8-180-78.8s-135.25 30.34-180 78.8V0c0 11.05 8.95 20 20 20h320C-8.95 20 0 11.05 0 0"
transform="translate(436 431.45)"
fill="#f4f7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.05 0-20-8.95-20-20v-429.63c-59.06 7.21-111.63 35.44-150 76.98V-20c0 11.05 8.95 20 20 20z"
transform="translate(246 451.45)"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.495-13.372-29.867-29.867-29.867S-59.734-16.495-59.734 0s13.372 29.867 29.867 29.867S0 16.495 0 0"
transform="translate(405.998 279.954)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.495-13.372-29.867-29.867-29.867S-59.734-16.495-59.734 0s13.372 29.867 29.867 29.867S0 16.495 0 0"
transform="translate(165.732 279.954)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-66.289 53.738-86.916 120.027-86.916 66.288 0 120.026 20.627 120.026 86.916s-53.738 122.069-120.026 122.069C53.738 122.069 0 66.289 0 0"
transform="translate(135.973 269.48)"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 60.091 44.159 111.545 101.795 120.643a116.908 116.908 0 0 1-18.231 1.426C17.275 122.069-36.463 66.289-36.463 0S17.275-86.916 83.564-86.916c6.198 0 12.286.181 18.231.562C44.159-82.659 0-60.091 0 0"
transform="translate(172.436 269.48)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.699-9.002-13.941-20.106-13.941-11.105 0-20.107 6.242-20.107 13.941 0 7.699 9.002 13.941 20.107 13.941C-9.002 13.941 0 7.699 0 0"
transform="translate(341.707 261.038)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.699 9.002-13.941 20.106-13.941 11.105 0 20.107 6.242 20.107 13.941 0 7.699-9.002 13.941-20.107 13.941C9.002 13.941 0 7.699 0 0"
transform="translate(170.292 261.038)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h44.786a33.873 33.873 0 0 1 9.786 14.805c1.72 5.226-2.248 10.595-7.749 10.595H-2.038c-5.501 0-9.469-5.369-7.748-10.595A33.864 33.864 0 0 1 0 0"
transform="translate(233.607 238.628)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a33.734 33.734 0 0 0-22.393-8.469A33.734 33.734 0 0 0-44.786 0c5.975 5.267 13.81 8.469 22.393 8.469S-5.974 5.267 0 0"
transform="translate(278.392 238.628)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a13.547 13.547 0 0 1 4.607-10.361c5.078-4.484 12.86-4.484 17.938 0A13.547 13.547 0 0 1 27.152 0c-.06 4.929-6.114 7.295-9.6 3.809a5.623 5.623 0 0 0-7.952 0C6.114 7.295.06 4.929 0 0"
transform="translate(288.847 295.54)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a13.547 13.547 0 0 0-4.607-10.361c-5.078-4.484-12.86-4.484-17.938 0A13.547 13.547 0 0 0-27.152 0c.06 4.929 6.114 7.295 9.6 3.809a5.623 5.623 0 0 1 7.952 0C-6.114 7.295-.06 4.929 0 0"
transform="translate(223.153 295.54)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v.005c0 2.852-1.827 5.371-4.522 6.303-7.973 2.758-15.708 2.771-23.728-.003-2.698-.932-4.527-3.451-4.527-6.305 0-4.572 4.479-7.689 8.828-6.275a24.446 24.446 0 0 0 15.121 0C-4.48-7.69 0-4.573 0 0"
transform="translate(318.811 319.291)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v.005c0 2.852-1.827 5.371-4.522 6.303-7.973 2.758-15.708 2.771-23.728-.003-2.698-.932-4.527-3.451-4.527-6.305 0-4.572 4.479-7.689 8.827-6.275a24.45 24.45 0 0 0 15.122 0C-4.48-7.69 0-4.573 0 0"
transform="translate(225.965 319.291)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.013 0-15.547 3.121-21.214 8.787a7.502 7.502 0 0 0 0 10.607 7.502 7.502 0 0 0 10.607 0A14.903 14.903 0 0 1 0 15a14.9 14.9 0 0 1 10.606 4.394c5.849 5.848 5.849 15.365 0 21.213a7.502 7.502 0 0 0 0 10.607 7.502 7.502 0 0 0 10.607 0c11.697-11.698 11.697-30.73 0-42.427C15.547 3.121 8.013 0 0 0"
transform="translate(270.545 353.139)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284 6.716-15 15-15h170c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15H15C6.716 15 0 8.284 0 0"
transform="translate(156 126.45)"
fill="#8ae1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284 6.716 15 15 15h-54.979c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15H15C6.716-15 0-8.284 0 0"
transform="translate(210.979 126.45)"
fill="#42c3fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5h185a7.5 7.5 0 0 1 0 15H7.5A7.5 7.5 0 0 1 0 0"
transform="translate(156 68.95)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 7.5 7.5h-62.479a7.5 7.5 0 0 1 0-15H7.5A7.5 7.5 0 0 0 0 0"
transform="translate(218.479 68.95)"
fill="#bec8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5h125a7.5 7.5 0 0 1 0 15H7.5A7.5 7.5 0 0 1 0 0"
transform="translate(186 38.95)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 7.5 7.5h-32.479a7.5 7.5 0 0 1 0-15H7.5A7.5 7.5 0 0 0 0 0"
transform="translate(218.479 38.95)"
fill="#bec8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category