Add icons to this collection by clicking the heart icon.
Card Payment icon - also known as commerce, debit card, shopping, credit card, delivery box, pay card, card payment, shipping and delivery, and shipping box. Created in a clean blue style with a white, silver, and blue 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="512"
height="512"
viewBox="0 0 300 300"
>
<path fill="#cceaff" d="M56 180h112v76H56z" />
<path
fill="#2e58ff"
d="M168 260H56c-2.211 0-4-1.791-4-4v-76c0-2.209 1.789-4 4-4h112c2.211 0 4 1.791 4 4v76c0 2.209-1.789 4-4 4zm-108-8h104v-68H60z"
/>
<path fill="#92ceff" d="M56 164h112v16H56z" />
<path
fill="#2e58ff"
d="M168 184H56c-2.211 0-4-1.791-4-4v-16c0-2.209 1.789-4 4-4h112c2.211 0 4 1.791 4 4v16c0 2.209-1.789 4-4 4zm-108-8h104v-8H60z"
/>
<path fill="#92ceff" d="M124 164H96v36l16-4 12 4z" />
<path
fill="#2e58ff"
d="M96 204c-.883 0-1.75-.293-2.461-.848A3.99 3.99 0 0 1 92 200v-36c0-2.209 1.789-4 4-4h28c2.211 0 4 1.791 4 4v36a3.999 3.999 0 0 1-5.265 3.795l-10.895-3.633-14.871 3.719c-.321.08-.645.119-.969.119zm4-36v26.877l11.031-2.758a4.024 4.024 0 0 1 2.234.086l6.734 2.246V168z"
/>
<path fill="#cceaff" d="M156 243.936V200h84v56h-84" />
<path
fill="#2e58ff"
d="M240 260h-84c-2.211 0-4-1.791-4-4s1.789-4 4-4h80v-48h-76v39.936c0 2.209-1.789 4-4 4s-4-1.791-4-4V200c0-2.209 1.789-4 4-4h84c2.211 0 4 1.791 4 4v56c0 2.209-1.789 4-4 4z"
/>
<path fill="#92ceff" d="M188 200h20v24h-20z" />
<path
fill="#2e58ff"
d="M208 228h-20c-2.211 0-4-1.791-4-4v-24c0-2.209 1.789-4 4-4h20c2.211 0 4 1.791 4 4v24c0 2.209-1.789 4-4 4zm-16-8h12v-16h-12z"
/>
<g fill="#2e58ff">
<path
d="M264 260H36c-2.211 0-4-1.791-4-4s1.789-4 4-4h228c2.211 0 4 1.791 4 4s-1.789 4-4 4zM180 244h-8c-2.211 0-4-1.791-4-4s1.789-4 4-4h8c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
<circle cx="246" cy="142" r="4.276" />
<circle cx="50" cy="74" r="4.276" />
<path
d="M53.656 129.656a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M42.344 129.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172zM220 168c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.207 0-4 1.795-4 4s1.793 4 4 4 4-1.795 4-4-1.793-4-4-4z"
/>
</g>
<path
fill="#92ceff"
d="M243.253 112H140.747a4.747 4.747 0 0 1-4.747-4.747V48.747A4.747 4.747 0 0 1 140.747 44h102.505a4.747 4.747 0 0 1 4.747 4.747v58.505a4.746 4.746 0 0 1-4.746 4.748z"
/>
<path
fill="#2e58ff"
d="M243.254 116H140.746c-4.824 0-8.746-3.924-8.746-8.748V48.748c0-4.824 3.922-8.748 8.746-8.748h102.508c4.824 0 8.746 3.924 8.746 8.748v58.504c0 4.824-3.922 8.748-8.746 8.748zM140.746 48a.749.749 0 0 0-.746.748v58.504c0 .412.336.748.746.748h102.508c.41 0 .746-.336.746-.748V48.748a.749.749 0 0 0-.746-.748z"
/>
<path
fill="#2e58ff"
d="M176 100h-24c-2.211 0-4-1.791-4-4s1.789-4 4-4h24c2.211 0 4 1.791 4 4s-1.789 4-4 4zM200 100h-12c-2.211 0-4-1.791-4-4s1.789-4 4-4h12c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
<path fill="#fff" d="M136 64h112v16H136z" />
<path
fill="#2e58ff"
d="M248 84H136c-2.211 0-4-1.791-4-4V64c0-2.209 1.789-4 4-4h112c2.211 0 4 1.791 4 4v16c0 2.209-1.789 4-4 4zm-108-8h104v-8H140zM96 132c-2.211 0-4-1.791-4-4V84c0-2.209 1.789-4 4-4s4 1.791 4 4v44c0 2.209-1.789 4-4 4z"
/>
<path
fill="#2e58ff"
d="M96 136a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656L96 126.344l9.172-9.172a4 4 0 1 1 5.656 5.656l-12 12A3.988 3.988 0 0 1 96 136z"
/>
</svg>
More icons in the same style and category