Add icons to this collection by clicking the heart icon.
Card Key icon - also known as electronic, security, hotel, access, room key, card key, and hotel card. Created in a clean circular 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"
>
<circle cx="256" cy="256" r="256" fill="#efc971" />
<rect
width="418.71"
height="290"
x="43.26"
y="108.96"
fill="#bcdbe7"
rx="18.25"
/>
<path
fill="#8daade"
d="M462 335.37v45.35A18.26 18.26 0 0 1 443.71 399H61.51a18.26 18.26 0 0 1-18.25-18.25V127.2A18.24 18.24 0 0 1 61.51 109h94.54v208.12a18.24 18.24 0 0 0 18.25 18.25z"
/>
<path fill="#264162" d="M43.26 159.12h418.71v71.77H43.26z" />
<path fill="#17283a" d="M43.26 159.12h112.79v71.77H43.26z" />
<g fill="#fff">
<circle cx="252.61" cy="366.21" r="21.45" />
<path
d="M280.24 338.44a8.9 8.9 0 0 1-6.32-2.62 30.18 30.18 0 0 0-42.61 0 8.93 8.93 0 0 1-12.64-12.63 48.06 48.06 0 0 1 67.89 0 8.94 8.94 0 0 1-6.32 15.25z"
/>
<path
d="M297.22 311.16a8.92 8.92 0 0 1-6.32-2.62 54.14 54.14 0 0 0-76.57 0 8.94 8.94 0 1 1-12.64-12.64 72 72 0 0 1 101.85 0 8.94 8.94 0 0 1-6.32 15.26z"
/>
<path
d="M316.1 281.51a8.91 8.91 0 0 1-6.32-2.62 80.85 80.85 0 0 0-114.34 0 8.94 8.94 0 0 1-12.64-12.64 98.74 98.74 0 0 1 139.62 0 8.94 8.94 0 0 1-6.32 15.26z"
/>
</g>
<path
fill="#cb8622"
d="M321.16 146H92.31l-28 20.28a9.41 9.41 0 0 0 0 15.25l28 20.29h32.38l14.91-15a2.64 2.64 0 0 1 3.7 0l13.26 12.91a7.34 7.34 0 0 0 5.11 2.08h16.6a7.32 7.32 0 0 0 5.55-2.55l8.79-10.26a2.63 2.63 0 0 1 4.27.39l7.23 12.38h117.05z"
/>
<path
fill="#c0743a"
d="m78.09 191.5-13.8-10a9.43 9.43 0 0 1 0-15.25l28-20.28h228.88v19.17h-211.3l-28 20.29a9.34 9.34 0 0 0-3.78 6.07z"
/>
<path
fill="#dc8441"
d="M444.82 175.41A86.86 86.86 0 1 0 358 262.27a86.85 86.85 0 0 0 86.82-86.86zm-112.37 0A25.51 25.51 0 1 1 358 200.92a25.51 25.51 0 0 1-25.55-25.51z"
/>
<path
fill="#c0743a"
d="M358 139.31a87 87 0 0 1 83.09 61.48 86.86 86.86 0 1 0-166.19 0 87 87 0 0 1 83.1-61.48z"
/>
<path
fill="#e59b25"
d="M427.34 175.41A69.38 69.38 0 1 0 358 244.79a69.38 69.38 0 0 0 69.34-69.38zm-94.89 0A25.51 25.51 0 1 1 358 200.92a25.51 25.51 0 0 1-25.55-25.51z"
/>
<path
fill="#cb8622"
d="M358 139.31a86.64 86.64 0 0 1 69.35 34.58 69.37 69.37 0 0 0-138.7 0A86.71 86.71 0 0 1 358 139.31z"
/>
<circle cx="362.91" cy="221.28" r="15.42" fill="#e7a740" />
</svg>
More icons in the same style and category