Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as money, payment, credit card, pay card, and shipping and delivery. Created in a clean lineal color style with a white, silver, gray, black, 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 0v49.044c0 6.662-5.452 12.114-12.114 12.114h-61.738V0Z"
transform="translate(504.563 301.894)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M472.711 363.053h-42v-61.158h42z"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-72.085c0-6.663-5.451-12.114-12.114-12.114h-340.18v-64.469c0-6.663 5.451-12.114 12.113-12.114H61.738c6.662 0 12.114 5.451 12.114 12.114V0Z"
transform="translate(430.71 236.147)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v72.085h-42V0c0-6.663-5.451-12.114-12.114-12.114h42C-5.451-12.114 0-6.663 0 0"
transform="translate(472.71 164.061)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.469h-42V0c0-6.663 5.451-12.114 12.114-12.114h42C5.451-12.114 0-6.663 0 0"
transform="translate(120.416 87.478)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M430.711 232.859h73.852v72.322h-73.852z"
fill="#477b9e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M472.711 305.182h-42V232.86h42z"
fill="#3f6d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-401.919c-6.663 0-12.114-5.451-12.114-12.114v-263.46c0-6.663 5.451-12.114 12.114-12.114H0c6.663 0 12.114 5.451 12.114 12.114v263.46C12.114-5.451 6.663 0 0 0"
transform="translate(421.597 436.636)"
fill="#dd636e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v263.46c0 6.663 5.451 12.114 12.114 12.114h-42c-6.663 0-12.114-5.451-12.114-12.114V0c0-6.663 5.451-12.114 12.114-12.114h42C5.451-12.114 0-6.663 0 0"
transform="translate(49.565 161.061)"
fill="#da4a54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.01c-6.662 0-12.114-5.451-12.114-12.113v-39.851c0-6.662 5.452-12.113 12.114-12.113H0c6.663 0 12.114 5.451 12.114 12.113v39.851C12.114-5.451 6.663 0 0 0"
transform="translate(372.438 262.879)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.85c0 6.662 5.451 12.113 12.114 12.113h-40C-34.549 51.963-40 46.512-40 39.85V0c0-6.663 5.451-12.114 12.114-12.114h40C5.451-12.114 0-6.663 0 0"
transform="translate(328.314 210.916)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-54.477c-7.978 0-14.504-6.526-14.504-14.504v-47.712c0-7.977 6.526-14.504 14.504-14.504H0c7.977 0 14.504 6.527 14.504 14.504v47.712C14.504-6.526 7.977 0 0 0"
transform="translate(131.508 387.254)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v47.712c0 7.977 6.526 14.504 14.504 14.504h-20C-13.474 62.216-20 55.689-20 47.712V0c0-7.978 6.526-14.504 14.504-14.504h20C6.526-14.504 0-7.978 0 0"
transform="translate(82.527 325.038)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-401.919c-6.663 0-12.114-5.451-12.114-12.114v-263.46c0-6.663 5.451-12.114 12.114-12.114H0c6.663 0 12.114 5.451 12.114 12.114v263.46C12.114-5.451 6.663 0 0 0Z"
transform="translate(421.534 436.636)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M433.647 232.859h70.852v72.322h-70.852z"
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 0h54.478c7.977 0 14.503-6.526 14.503-14.504v-47.712c0-7.977-6.526-14.504-14.503-14.504H0c-7.977 0-14.504 6.527-14.504 14.504v47.712C-14.504-6.526-7.977 0 0 0Z"
transform="translate(76.967 387.254)"
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 0h48.455"
transform="translate(312.141 292.792)"
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 0h13.123"
transform="translate(69.193 230.84)"
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 0h13.123"
transform="translate(109.993 230.84)"
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 0h13.124"
transform="translate(150.792 230.84)"
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 0h13.124"
transform="translate(191.592 230.84)"
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 0h48.455"
transform="translate(312.141 319.935)"
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-71.925"
transform="translate(104.206 384.856)"
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 0h32.808"
transform="translate(67.503 348.894)"
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 0h18.505c6.662 0 12.114 5.451 12.114 12.114v39.85c0 6.662-5.452 12.113-12.114 12.113h-72.01c-6.662 0-12.113-5.451-12.113-12.113v-39.85C-65.618 5.451-60.167 0-53.505 0H-35"
transform="translate(353.869 198.802)"
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 0v173.773c0 6.663-5.451 12.115-12.114 12.115h-58.738V-16.104c0-6.663-5.451-12.114-12.113-12.114h-343.181v-61.469c0-6.663 5.451-12.114 12.113-12.114h401.919C-5.451-101.801 0-96.35 0-89.687V-35"
transform="translate(504.499 177.165)"
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