Add icons to this collection by clicking the heart icon.
Keycard icon - also known as security, card, lock, key, hotel, door, electronics, and keycard. Created in a clean flat style, 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"
>
<g id="FLAT">
<path
d="m256 24a104 104 0 0 1 104 104v360a0 0 0 0 1 0 0h-208a0 0 0 0 1 0 0v-360a104 104 0 0 1 104-104z"
fill="#007af6"
/>
<path
d="m152 344h62a10 10 0 0 1 10 10v108a10 10 0 0 1 -10 10h-62z"
fill="#005dbb"
/>
<path d="m200 296h112v72h-112z" fill="#005dbb" />
<path
d="m208 248v48h32v-48a16 16 0 0 1 16-16 16 16 0 0 1 16 16v16h32v-16a48 48 0 0 0 -48-48 48 48 0 0 0 -48 48z"
fill="#e2e2e2"
/>
<path
d="m256.971 412.572a8 8 0 0 1 -5.658-13.656 16 16 0 0 0 0-22.628 8 8 0 1 1 11.313-11.314 32 32 0 0 1 0 45.255 7.976 7.976 0 0 1 -5.655 2.343z"
fill="#2ad3b3"
/>
<circle cx="256" cy="128" fill="#005dbb" r="56" />
<rect fill="#fbb540" height="128" rx="10" width="176" x="56" y="328" />
<path
d="m184 368a8 8 0 0 0 -8 8v8h-8v-8a8 8 0 0 0 -16 0v8h-9.371a24 24 0 1 0 0 16h41.371a8 8 0 0 0 8-8v-16a8 8 0 0 0 -8-8zm-64 32a8 8 0 1 1 8-8 8 8 0 0 1 -8 8z"
fill="#d18d28"
/>
<g fill="#ea9d2d">
<circle cx="158" cy="418" r="6" />
<circle cx="176" cy="418" r="6" />
<circle cx="194" cy="418" r="6" />
</g>
<path d="m296 296h16v72h-16z" fill="#009cf7" />
<path
d="m304 456a8 8 0 0 1 -5.816-13.492 80 80 0 0 0 -1.614-111.475 8 8 0 1 1 11.313-11.314 96 96 0 0 1 1.935 133.773 7.976 7.976 0 0 1 -5.818 2.508z"
fill="#2ad3b3"
/>
<path
d="m279.6 435.2a8 8 0 0 1 -5.657-13.657 48 48 0 0 0 0-67.883 8 8 0 1 1 11.314-11.312 64 64 0 0 1 0 90.509 7.974 7.974 0 0 1 -5.657 2.343z"
fill="#2ad3b3"
/>
<circle cx="256" cy="112" fill="#cbcbcb" r="56" />
<circle cx="256" cy="112" fill="#e2e2e2" r="16" />
<path d="m272 256h32v8h-32z" fill="#fdfefb" />
</g>
</svg>
More icons in the same style and category