Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as smartphone, mobile phone, debit card, credit card, online payment, mobile payment, business and finance, and online banking. Created in a clean lineal color style with a white, silver, black, yellow, lime, 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 0h-193.218c-17.034 0-30.843-13.809-30.843-30.843v-433.29c0-17.034 13.809-30.843 30.843-30.843H1.16c16.394 0 29.683 13.289 29.683 29.683v434.45C30.843-13.809 17.034 0 0 0"
transform="translate(277.457 503.74)"
fill="#c6fff6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-216.085a9.136 9.136 0 0 0-9.136 9.136v454.997c0 2.648.334 5.217.962 7.669-13.325-3.409-23.175-15.495-23.175-29.882V8.631c0-17.034 13.809-30.843 30.843-30.843h194.378c14.088 0 25.875 9.817 28.914 22.981A29.707 29.707 0 0 0 0 0"
transform="translate(300.527 30.977)"
fill="#a4fef1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.17-29.992h90.259L135.067 0Z"
transform="translate(113.072 503.74)"
fill="#3a82bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.17-29.992h27.064L27.064 0Z"
transform="translate(113.072 503.74)"
fill="#2170a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(195.5 53.451)"
fill="#2170a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h15"
transform="translate(249.137 53.451)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(128.957 53.451)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(84.193 451)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(114.286 451)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M218.447 151h285.958v195H218.447Z"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v172.17h-22.83v-195h285.958V0Z"
transform="translate(241.277 173.83)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213L-42.426 0l21.213-21.213Z"
transform="translate(428.214 204.787)"
fill="#00d43d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213L-42.426 0l21.213-21.213Z"
transform="translate(470.64 204.787)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M293.181 286h-44.363v30h44.363z"
fill="#c6fff6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M271 286h-22.181v30H271Z"
fill="#a4fef1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-111.652c0-17.034-13.809-30.843-30.843-30.843h-29.184"
transform="translate(309.212 151)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-119.035c-17.034 0-30.843 13.809-30.843 30.843v433.29c0 17.034 13.809 30.843 30.843 30.843H74.184c17.034 0 30.843-13.809 30.843-30.843V337.495"
transform="translate(204.185 8.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.096"
transform="translate(234.185 8.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(196.457 53.451)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(219.137 53.451)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(98.957 53.451)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15l22.638 29.992"
transform="translate(211.457 473.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 22.17-29.992h60"
transform="translate(114.286 503.481)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h38.426v-195h-285.958V0h232.723"
transform="translate(465.979 346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21.213 21.213L-42.426 0l21.213-21.213Z"
transform="translate(427.787 204.787)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21.213 21.213L-42.426 0l21.213-21.213Z"
transform="translate(470.213 204.787)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M293.181 286h-44.363v30h44.363z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h45"
transform="translate(241 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h45"
transform="translate(301 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h45"
transform="translate(361 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h75"
transform="translate(241 196)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category