Add icons to this collection by clicking the heart icon.
Card Key icon - also known as electronic, security, key, hotel, access, room key, keycard, and card key. Created in a clean others style with a white, silver, black, and red 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 32 32"
>
<rect
width="8"
height="9"
x="18"
y="3"
fill="#f1f2f2"
rx="2"
transform="rotate(180 22 7.5)"
/>
<rect width="26" height="19" x="3" y="10" fill="#f1f2f2" rx="2" />
<path
fill="#bcbec0"
d="M29 26v1a2.006 2.006 0 0 1-2 2H5a2.006 2.006 0 0 1-2-2V12a2.006 2.006 0 0 1 2-2h1v14a2.006 2.006 0 0 0 2 2z"
/>
<path
fill="#082032"
d="M27 9h-1a1 1 0 0 0 0 2h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h13a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3V12a3 3 0 0 0-3-3z"
/>
<path
fill="#bcbec0"
d="M26 10a2.006 2.006 0 0 1-2 2h-4a2.006 2.006 0 0 1-2-2V5a2.006 2.006 0 0 1 2-2v5a2.006 2.006 0 0 0 2 2z"
/>
<path fill="#f1f2f2" d="M20 12v13h2l2-2V12z" />
<path fill="#ff4c29" d="M23 5h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<g fill="#082032">
<path
d="M16 24H7a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2zM16 21H7a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2zM7 20h4a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2z"
/>
</g>
<path fill="#bcbec0" d="M22 25v-9a2 2 0 0 1 2-2v-2h-4v13z" />
<path
fill="#ff4c29"
d="M24 2h-4a3 3 0 0 0-3 3v5a3 3 0 0 0 2 2.816V25a1 1 0 0 0 1 1h2a1 1 0 0 0 .707-.293l2-2A1 1 0 0 0 25 23v-1a1 1 0 0 0 0-2v-1a1 1 0 0 0 0-2v-1a1 1 0 0 0 0-2v-1.184A3 3 0 0 0 27 10V5a3 3 0 0 0-3-3zm-1 20.586L21.586 24H21V13h2zM25 10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
/>
</svg>
More icons in the same style and category