Add icons to this collection by clicking the heart icon.
Card icon - also known as card, lock, key, hotel, door, electronics, and keycard. Created in a clean flat style with a white, silver, yellow, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#68dbf9"
d="M454.403 300.655V20.665C454.403 9.251 445.152 0 433.737 0H265.756c-11.414 0-20.665 9.251-20.665 20.665v279.989h209.312z"
/>
<path
fill="#24d1f8"
d="M349.561 245.461 245.09 283.485v-183.3l45.555-16.576c10.25-3.729 21.593 1.556 25.332 11.806l45.39 124.724c3.729 10.251-1.556 21.593-11.806 25.322zM405.76 300.655h48.647V20.665C454.407 9.251 445.156 0 433.741 0h-10.353c2.123 54.104 3.712 177.723-17.628 300.655z"
/>
<path
fill="#9ce6fb"
d="M454.403 139.61v39.755l-37.293 37.292-172.02 172.02v-39.744l102.895-102.895 13.856-13.866 58.936-58.937z"
/>
<path
fill="#68dbf9"
d="M361.841 232.172c-1.648 5.944-6.047 11.023-12.28 13.289l-1.576.577zM454.407 139.61v39.755l-37.293 37.293a1431.708 1431.708 0 0 0 3.667-43.422z"
/>
<path
fill="#9ce6fb"
d="M454.407 220.644v226.63H245.095v-17.317c38.065-38.065 108.54-108.54 166.446-166.457 15.473-15.463 30.05-30.04 42.866-42.856z"
/>
<path
fill="#68dbf9"
d="M454.407 220.644v226.63h-88.245c22.571-56.629 36.695-121.046 45.379-183.774 15.473-15.463 30.05-30.04 42.866-42.856z"
/>
<path
fill="#deecf0"
d="M454.407 289.903v201.431c0 11.414-9.251 20.665-20.665 20.665H265.76c-11.414 0-20.665-9.251-20.665-20.665V289.903z"
/>
<path
fill="#cbe5e7"
d="M454.407 289.903v201.431c0 11.414-9.251 20.665-20.665 20.665h-99.588c37.972-61.749 60.399-142.216 73.411-222.097h46.842z"
/>
<g fill="#1475cb">
<path
d="M302.554 43.117h-22.713a7.726 7.726 0 1 1 0-15.452h22.713c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726zM419.661 43.117h-22.713a7.726 7.726 0 1 1 0-15.452h22.713c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726z"
/>
</g>
<circle cx="349.751" cy="431.788" r="40.75" fill="#a9d3d8" />
<path
fill="#90bac4"
d="M390.504 431.785c0 22.505-18.248 40.753-40.753 40.753-10.405 0-19.901-3.906-27.103-10.333.486.021.961.031 1.447.031 22.505 0 40.753-18.248 40.753-40.753 0-12.09-5.27-22.96-13.64-30.41 21.833.765 39.296 18.692 39.296 40.712z"
/>
<path
fill="#eff5f6"
d="M361.852 203.116 316.456 78.392c-3.731-10.252-15.074-15.541-25.325-11.809l-156.09 56.812c6.795 17.305 47.256 124.78 60.642 161.229l154.359-56.182c10.252-3.733 15.541-15.075 11.81-25.326z"
/>
<path
fill="#cbe5e7"
d="m316.456 78.392 45.396 124.724c3.731 10.252-1.558 21.594-11.809 25.325l-82.372 29.981c35.589-73.907 22.126-147.974 10.256-187.033l13.204-4.806c10.252-3.732 21.594 1.557 25.325 11.809z"
/>
<path
fill="#bcea73"
d="m148.246 118.588 58.912 161.859-77.638 28.258c-10.261 3.735-21.604-1.554-25.335-11.806L58.789 172.174c-3.731-10.252 1.558-21.594 11.819-25.329z"
/>
<path
fill="#eff5f6"
d="M131.487 262.298a7.729 7.729 0 0 1-7.261-5.086l-24.574-67.518a7.727 7.727 0 0 1 14.521-5.285l24.574 67.518a7.727 7.727 0 0 1-7.26 10.371z"
/>
<path
fill="#fbcc85"
d="M150.136 229.199a7.729 7.729 0 0 1-7.261-5.086l-7.662-21.051a7.727 7.727 0 0 1 14.521-5.285l7.662 21.051a7.727 7.727 0 0 1-7.26 10.371zM312.917 163.933l-4.574-12.579a7.736 7.736 0 0 0-9.91-4.616l-7.881 2.864-35.716 13.001a26.929 26.929 0 0 0-10.25-8.355c-6.531-3.039-13.866-3.358-20.634-.896-6.779 2.462-12.187 7.417-15.236 13.959-3.039 6.531-3.358 13.856-.896 20.635 2.462 6.768 7.417 12.177 13.949 15.226 3.637 1.69 7.51 2.545 11.394 2.545 3.111 0 6.233-.546 9.251-1.638 6.768-2.472 12.177-7.428 15.226-13.959 1.926-4.131 2.761-8.571 2.493-12.991l14.711-5.357 1.937 5.305a7.72 7.72 0 0 0 9.901 4.625 7.738 7.738 0 0 0 4.615-9.91l-1.051-2.885-.876-2.421 1.01-.371 6.088-2.215 1.926 5.316c1.463 4.007 5.893 6.068 9.91 4.615 4.006-1.461 6.076-5.891 4.613-9.898zm-75.79 25.62c-5.985 2.174-12.609-.917-14.793-6.892-2.174-5.975.917-12.609 6.902-14.783a11.4 11.4 0 0 1 3.946-.711c1.669 0 3.317.371 4.873 1.092a11.445 11.445 0 0 1 5.965 6.511c.474 1.298.701 2.627.701 3.935-.002 4.708-2.917 9.149-7.594 10.848z"
/>
<g fill="#e8b66b">
<path
d="M291.294 171.793a7.738 7.738 0 0 1-1.875 8.19c.361-3.729.639-7.428.824-11.074zM308.302 173.833c-4.018 1.453-8.447-.608-9.91-4.615l-1.926-5.316-6.088 2.215c.247-5.615.299-11.126.175-16.514l7.881-2.864a7.74 7.74 0 0 1 5.913.258 7.726 7.726 0 0 1 3.997 4.358l4.574 12.579c1.462 4.006-.608 8.436-4.616 9.899z"
/>
</g>
<g fill="#a3e440">
<path
d="M349.75 362.671c-4.268 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772c4.268 0 7.726 3.413 7.726 7.681v.091a7.725 7.725 0 0 1-7.726 7.726zM349.75 336.134c-4.268 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772c4.268 0 7.726 3.413 7.726 7.681v.091a7.725 7.725 0 0 1-7.726 7.726z"
/>
</g>
<g fill="#bcea73">
<path
d="M186.795 60.781a7.704 7.704 0 0 1-5.463-2.263l-6.1-6.1a7.727 7.727 0 0 1 10.927-10.927l6.1 6.1a7.725 7.725 0 0 1-5.464 13.19zM207.625 44.464a7.725 7.725 0 0 1-7.726-7.723l-.004-8.626a7.725 7.725 0 0 1 7.723-7.729h.003a7.725 7.725 0 0 1 7.726 7.723l.004 8.626a7.725 7.725 0 0 1-7.723 7.729h-.003zM170.478 81.611h-.003l-8.627-.004a7.726 7.726 0 0 1 .003-15.452h.003l8.627.004a7.726 7.726 0 0 1-.003 15.452z"
/>
</g>
</svg>
More icons in the same style and category