Add icons to this collection by clicking the heart icon.
Card icon - also known as computer, card, warning, payment, mobile, scan, and theft. Created in a clean lineal color style with a white, silver, 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="100" cy="151.927" r="76" fill="#fcf1c3" />
<path
fill="#ffce56"
d="M224 103.265V68.417c0-6.898-5.592-12.491-12.491-12.491H108.491C101.592 55.927 96 61.519 96 68.417V235.902h128v-104.28"
/>
<path
fill="#4c241d"
d="M224 239.901H96c-2.211 0-4-1.791-4-4V68.417c0-9.092 7.398-16.49 16.492-16.49h103.016c9.094 0 16.492 7.398 16.492 16.49v34.848c0 2.209-1.789 4-4 4s-4-1.791-4-4V68.417c0-4.682-3.809-8.49-8.492-8.49H108.492c-4.684 0-8.492 3.809-8.492 8.49v163.484h120V131.622c0-2.209 1.789-4 4-4s4 1.791 4 4v104.279c0 2.209-1.789 4-4 4z"
/>
<path
fill="#fff"
d="M96 235.902v23.534c0 6.898 5.592 12.491 12.491 12.491H211.51c6.898 0 12.491-5.592 12.491-12.491v-23.534z"
/>
<path
fill="#4c241d"
d="M211.508 275.927H108.492c-9.094 0-16.492-7.398-16.492-16.49v-23.535c0-2.209 1.789-4 4-4h128c2.211 0 4 1.791 4 4v23.535c0 9.091-7.398 16.49-16.492 16.49zM100 239.901v19.535c0 4.682 3.809 8.49 8.492 8.49h103.016c4.684 0 8.492-3.809 8.492-8.49v-19.535z"
/>
<circle cx="158" cy="253.927" r="10" fill="#4c241d" />
<path
fill="#9dc1e4"
d="M183.253 215.927H76.747A4.747 4.747 0 0 1 72 211.18v-58.505a4.747 4.747 0 0 1 4.747-4.747h106.505a4.747 4.747 0 0 1 4.747 4.747v58.505a4.746 4.746 0 0 1-4.746 4.747z"
/>
<path
fill="#4c241d"
d="M183.254 219.927H76.746c-4.824 0-8.746-3.924-8.746-8.748v-58.504c0-4.824 3.922-8.748 8.746-8.748h106.508c4.824 0 8.746 3.924 8.746 8.748v58.504c0 4.824-3.922 8.748-8.746 8.748zm-106.508-68a.749.749 0 0 0-.746.748v58.504c0 .412.336.748.746.748h106.508c.41 0 .746-.336.746-.748v-58.504a.749.749 0 0 0-.746-.748z"
/>
<path
fill="#4c241d"
d="M112 203.927H88c-2.211 0-4-1.791-4-4s1.789-4 4-4h24c2.211 0 4 1.791 4 4s-1.789 4-4 4zM136 203.927h-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="M72 167.927h116v16H72z" />
<path
fill="#4c241d"
d="M188 187.927H72c-2.211 0-4-1.791-4-4v-16c0-2.209 1.789-4 4-4h116c2.211 0 4 1.791 4 4v16c0 2.209-1.789 4-4 4zm-112-8h108v-8H76z"
/>
<g fill="#4c241d">
<path
d="M76 131.927c-2.211 0-4-1.791-4-4v-20c0-2.209 1.789-4 4-4s4 1.791 4 4v20c0 2.209-1.789 4-4 4zM56 151.927H36c-2.211 0-4-1.791-4-4s1.789-4 4-4h20c2.211 0 4 1.791 4 4s-1.789 4-4 4zM60.262 135.622a3.988 3.988 0 0 1-2.828-1.172l-14.219-14.217a4 4 0 1 1 5.656-5.656l14.219 14.217a4 4 0 0 1-2.828 6.828z"
/>
</g>
<path fill="#e66353" d="M272 111.927h-96l48-84z" />
<path
fill="#4c241d"
d="M272 115.927h-96a4.008 4.008 0 0 1-3.461-1.992 4.002 4.002 0 0 1-.012-3.992l48-84c1.422-2.492 5.523-2.492 6.945 0l48 84a4.002 4.002 0 0 1-.012 3.992 4.006 4.006 0 0 1-3.46 1.992zm-89.105-8h82.211L224 35.989z"
/>
<path
fill="#fff"
d="M224 87.927c-2.211 0-4-1.791-4-4v-28c0-2.209 1.789-4 4-4s4 1.791 4 4v28c0 2.209-1.789 4-4 4z"
/>
<circle cx="224" cy="95.927" r="4" fill="#fff" />
</svg>
More icons in the same style and category