Add icons to this collection by clicking the heart icon.
Gift Card icon - also known as christmas, marketing, commerce, debit card, payment method, gift card, and birthday and party. Created in a clean lineal color style with a gray, black, red, yellow, 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 0h-457c-11.046 0-20 8.954-20 20v283.252c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(484.5 94.374)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.305c11.158 0 20.203-9.045 20.203-20.203v-282.846c0-11.158-9.045-20.203-20.203-20.203H0c11.158 0 20.203 9.045 20.203 20.203v282.846C20.203-9.045 11.158 0 0 0"
transform="translate(484.297 417.626)"
fill="#00bef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M361.057 159.634H504.5v80.813H361.057Z"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.195 159.634H504.5v80.813h-30.305z"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a136.923 136.923 0 0 0 6.268-41.016c0-14.853-2.378-28.187-5.895-39.797h-76.939V0Z"
transform="translate(437.623 240.447)"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M150.943 159.634H7.5v80.813h143.443z"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a136.923 136.923 0 0 1-6.268-41.016c0-14.853 2.378-28.187 5.895-39.797h76.939V0z"
transform="translate(74.377 240.447)"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.805 387.321h80.813v-60.61H37.805Z"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 184.888H7.5v30.305h497z"
fill="#fa989e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.195 184.888H504.5v30.305h-30.305z"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h177.006c.498 4.674.783 9.519.783 14.543 0 5.461-.328 10.715-.912 15.762H0Z"
transform="translate(266.102 184.888)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-177.006a137.057 137.057 0 0 0-.783 14.543c0 5.461.328 10.715.912 15.762H0Z"
transform="translate(245.898 184.888)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 93.405-42.304c9.186-4.16 20.055-.93 25.416 7.611 8.365 13.323 18.561 35.491 18.561 64.389 0 29.237-10.792 51.638-19.495 64.951-5.442 8.322-16.103 11.475-25.179 7.416L0 60.609Z"
transform="translate(286.305 169.735)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.98-.438c8.81-11.458 24.441-36.743 24.441-71.93 0-35.036-14.985-60.172-23.524-71.654l.76-.345c9.186-4.161 20.054-.931 25.416 7.61 8.365 13.324 18.561 35.492 18.561 64.389 0 29.237-10.792 51.639-19.495 64.951C19.737.906 9.076 4.058 0 0"
transform="translate(379.013 271.799)"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-93.405-42.304c-9.186-4.16-20.055-.93-25.416 7.611-8.365 13.323-18.561 35.491-18.561 64.389 0 29.237 10.792 51.638 19.495 64.951 5.442 8.322 16.103 11.475 25.179 7.416L0 60.609Z"
transform="translate(225.695 169.735)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.609c-5.524 0-10 4.477-10 10v60.813c0 5.522 4.476 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(276.305 159.634)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.209C-11.63 0-7.107-4.523-7.107-10.102v-60.609c0-5.58-4.523-10.102-10.102-10.102H0c5.579 0 10.102 4.522 10.102 10.102v60.609C10.102-4.523 5.579 0 0 0"
transform="translate(276.203 240.447)"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M423.687 372.168h50.509v-30.305h-50.509zM346.915 372.168h50.508v-30.305h-50.508zM270.143 372.168h50.508v-30.305h-50.508zM193.37 372.168h50.508v-30.305H193.37Z"
fill="#595959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-86.874"
transform="translate(504.5 240.447)"
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 0h86.874"
transform="translate(417.626 159.634)"
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 0h86.874"
transform="translate(7.5 240.447)"
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-86.874"
transform="translate(94.374 159.634)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M37.805 387.321h80.813v-60.61H37.805Z"
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-80.813"
transform="translate(504.5 184.888)"
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 0h81.823"
transform="translate(422.677 215.192)"
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 0v76.019c0 11.046 8.954 20 20 20h457c11.046 0 20-8.954 20-20V0"
transform="translate(7.5 321.607)"
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 0v-172.197c0-11.046-8.954-20-20-20h-457c-11.046 0-20 8.954-20 20V0"
transform="translate(504.5 286.571)"
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-40.226-17.987v-60.609L53.18-120.9c9.185-4.161 20.054-.931 25.416 7.61 8.364 13.324 18.56 35.492 18.56 64.39 0 29.236-10.792 51.638-19.495 64.951-5.441 8.322-16.102 11.474-25.179 7.416l-20.39-9.117"
transform="translate(326.53 248.332)"
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-93.405-42.304c-9.186-4.16-20.055-.93-25.416 7.611-8.365 13.323-18.561 35.491-18.561 64.389 0 29.237 10.792 51.638 19.495 64.951 5.442 8.322 16.103 11.475 25.179 7.416L0 60.609Z"
transform="translate(225.695 169.735)"
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 0h80.813"
transform="translate(7.5 184.888)"
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-81.823"
transform="translate(89.323 215.192)"
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-40.609c-5.524 0-10 4.477-10 10v60.813c0 5.522 4.476 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(276.305 159.634)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M423.687 372.168h50.509v-30.305h-50.509zM346.915 372.168h50.508v-30.305h-50.508zM270.143 372.168h50.508v-30.305h-50.508zM193.37 372.168h50.508v-30.305H193.37Z"
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 40.406-15.56L0-30.305"
transform="translate(185.29 216.603)"
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-40.406-15.56L0-30.305"
transform="translate(326.71 216.603)"
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