Add icons to this collection by clicking the heart icon.
Card icon - also known as security, card, danger, payment, unlock, steal, and fake. Created in a clean lineal color style with a white, silver, red, maroon, orange, 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="512"
height="512"
viewBox="0 0 300 300"
>
<circle cx="140" cy="128" r="76" fill="#fcf1c3" />
<path
fill="#9dc1e4"
d="M197.811 100h55.552c5.875 0 10.637 4.762 10.637 10.637v94.725c0 5.875-4.762 10.637-10.637 10.637h-94.54"
/>
<path
fill="#4c241d"
d="M253.363 220h-94.541c-2.209 0-4-1.789-4-4s1.791-4 4-4h94.541a6.644 6.644 0 0 0 6.637-6.637v-94.727a6.644 6.644 0 0 0-6.637-6.637H197.81c-2.209 0-4-1.789-4-4s1.791-4 4-4h55.553c8.07 0 14.637 6.566 14.637 14.637v94.727c0 8.071-6.566 14.637-14.637 14.637z"
/>
<path
fill="#9dc1e4"
d="M122.822 256H46.637C40.762 256 36 251.238 36 245.363v-94.725C36 144.762 40.762 140 46.637 140h115.174"
/>
<path
fill="#4c241d"
d="M122.822 260H46.637C38.566 260 32 253.434 32 245.363v-94.727C32 142.566 38.566 136 46.637 136h115.174c2.209 0 4 1.789 4 4s-1.791 4-4 4H46.637A6.644 6.644 0 0 0 40 150.637v94.727a6.644 6.644 0 0 0 6.637 6.637h76.186a3.999 3.999 0 1 1-.001 7.999z"
/>
<circle cx="216" cy="180" r="12" fill="#f53e28" />
<path
fill="#4c241d"
d="M216 196c-8.822 0-16-7.176-16-16s7.178-16 16-16 16 7.176 16 16-7.178 16-16 16zm0-24c-4.412 0-8 3.59-8 8s3.588 8 8 8 8-3.59 8-8-3.588-8-8-8z"
/>
<path fill="#fff" d="M148.333 192H36v-24h120.4" />
<path
fill="#4c241d"
d="M148.334 196H36c-2.209 0-4-1.789-4-4v-24c0-2.211 1.791-4 4-4h120.4c2.209 0 4 1.789 4 4s-1.791 4-4 4H40v16h108.334c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
<path fill="#fff" d="M188.4 128H264v24h-83.667" />
<path
fill="#4c241d"
d="M264 156h-83.666c-2.209 0-4-1.789-4-4s1.791-4 4-4H260v-16h-71.6c-2.209 0-4-1.789-4-4s1.791-4 4-4H264c2.209 0 4 1.789 4 4v24c0 2.211-1.791 4-4 4zM80 220H52c-2.209 0-4-1.789-4-4s1.791-4 4-4h28c2.209 0 4 1.789 4 4s-1.791 4-4 4zM96 232H52c-2.209 0-4-1.789-4-4s1.791-4 4-4h44c2.209 0 4 1.789 4 4s-1.791 4-4 4zM124 232h-16c-2.209 0-4-1.789-4-4s1.791-4 4-4h16c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
<path fill="#b5a19c" d="M219.322 36 140 272" />
<path
fill="#f53e28"
d="M140 276a4 4 0 0 1-3.791-5.273l79.322-236c.703-2.094 2.975-3.211 5.064-2.52a4 4 0 0 1 2.518 5.066l-79.322 236A4 4 0 0 1 140 276z"
/>
<path
fill="#ffce56"
d="M163.697 116h-39.395a8.303 8.303 0 0 1-8.303-8.303V68.303A8.303 8.303 0 0 1 124.302 60h39.395A8.303 8.303 0 0 1 172 68.303v39.395a8.302 8.302 0 0 1-8.303 8.302z"
/>
<path
fill="#4c241d"
d="M163.697 120h-39.395C117.52 120 112 114.48 112 107.699V68.301C112 61.52 117.52 56 124.303 56h39.395C170.48 56 176 61.52 176 68.301v39.398c0 6.781-5.52 12.301-12.303 12.301zm-39.394-56A4.307 4.307 0 0 0 120 68.301v39.398a4.307 4.307 0 0 0 4.303 4.301h39.395a4.307 4.307 0 0 0 4.303-4.301V68.301A4.307 4.307 0 0 0 163.698 64z"
/>
<g fill="#4c241d">
<path
d="M164 64c-2.209 0-4-1.789-4-4V48c0-8.824-7.178-16-16-16-6.104 0-11.764 3.555-14.42 9.055a4.009 4.009 0 0 1-5.34 1.863 3.998 3.998 0 0 1-1.863-5.34C126.357 29.328 134.846 24 144 24c13.234 0 24 10.766 24 24v12c0 2.211-1.791 4-4 4zM144 104c-2.209 0-4-1.789-4-4V84c0-2.211 1.791-4 4-4s4 1.789 4 4v16c0 2.211-1.791 4-4 4z"
/>
<circle cx="144" cy="80" r="6.577" />
<path
d="M64 128c-2.209 0-4-1.789-4-4v-12c0-2.211 1.791-4 4-4s4 1.789 4 4v12c0 2.211-1.791 4-4 4zm0-28c-2.209 0-4-1.789-4-4v-8c0-2.211 1.791-4 4-4h4c2.209 0 4 1.789 4 4s-1.791 4-4 4v4c0 2.211-1.791 4-4 4zm32-8H84c-2.209 0-4-1.789-4-4s1.791-4 4-4h12c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
</g>
</svg>
More icons in the same style and category