Add icons to this collection by clicking the heart icon.
Greeting Card icon - also known as pine, xmas, postcard, greeting card, christmas card, and birthday and party. Created in a clean lineal color style with a white, gray, black, red, teal, 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="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 0 280.799 60.396c6.269 1.297 12.148-3.49 12.148-9.892V0Z"
transform="translate(94.374 443.89)"
fill="#09a6ee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h292.947v19.192H92.767Z"
transform="translate(94.374 443.89)"
fill="#108ecd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-436.391h313.152c5.578 0 10.1 4.522 10.1 10.1v416.19c0 5.579-4.522 10.101-10.1 10.101Z"
transform="translate(94.374 443.89)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-411.642c0-5.579-4.522-10.101-10.102-10.101h-298.502v-14.648H4.548c5.578 0 10.099 4.522 10.099 10.1v416.19C14.647-4.522 10.126 0 4.548 0Z"
transform="translate(402.978 443.89)"
fill="#00bef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M134.78 403.483h242.439V47.906H134.78Z"
fill="#c7eefb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M195.391 201.451H316.61v-30.305H195.391Z"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 35.355-48.488-27.274 4.041-13.132-31.316L-20.203 0Z"
transform="translate(276.203 306.871)"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.355-48.488 28.284 4.041L5.051-75.763 20.203 0Z"
transform="translate(235.797 306.871)"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 41.461-20.765C54.895-27.493 70.712-17.726 70.712-2.7v45.689c0 15.025-15.817 24.793-29.251 18.065L0 40.288Z"
transform="translate(276.203 306.93)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.053-.026c6.434-3.252 11.12-9.864 11.12-18.038v-45.69c0-8.176-4.686-14.786-11.12-18.038L0-81.818c13.434-6.729 29.251 3.039 29.251 18.064v45.69C29.251-3.04 13.434 6.729 0 0"
transform="translate(317.664 367.983)"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.461-20.765C-54.895-27.493-70.712-17.726-70.712-2.7v45.689c0 15.025 15.817 24.793 29.251 18.065L0 40.288Z"
transform="translate(235.797 306.93)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M276.203 306.871h-40.406v40.406h40.406z"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M262.061 306.871h14.143v40.406h-14.143z"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-85.625h313.15c5.579 0 10.102 4.522 10.102 10.102v274.407"
transform="translate(94.374 93.125)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v106.715c0 5.578-4.522 10.101-10.102 10.101h-313.15V-198.86"
transform="translate(417.626 327.074)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v48.677h242.439V-306.9H0v271.879"
transform="translate(134.78 354.807)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 280.799 60.396c6.269 1.297 12.148-3.49 12.148-9.892V0"
transform="translate(94.374 443.89)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M195.391 201.451H316.61v-30.305H195.391Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h161.627"
transform="translate(175.186 141.852)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-141.422"
transform="translate(326.71 111.547)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-101.016"
transform="translate(306.508 81.242)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 35.355-48.488-27.274 4.041-13.132-31.316L-20.203 0"
transform="translate(276.203 306.871)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-35.355-48.488 28.284 4.041L5.051-75.763 20.203 0"
transform="translate(235.797 306.871)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 41.461-20.765C54.895-27.493 70.712-17.726 70.712-2.7v45.689c0 15.025-15.817 24.793-29.251 18.065L0 40.288Z"
transform="translate(276.203 306.93)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-41.461-20.765C-54.895-27.493-70.712-17.726-70.712-2.7v45.689c0 15.025 15.817 24.793 29.251 18.065L0 40.288Z"
transform="translate(235.797 306.93)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M276.203 306.871h-40.406v40.406h40.406z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h14.143"
transform="translate(276.203 327.074)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-14.143"
transform="translate(235.797 327.074)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category