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 gradient 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 32 32"
>
<linearGradient
id="a"
x1="5.63"
x2="28.37"
y1="7.13"
y2="29.87"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fee140" />
<stop offset="1" stop-color="#fa709a" />
</linearGradient>
<path
fill="url(#a)"
d="M20 6a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm10 6v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h12V5a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1 3 3zm-11-2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1zm2 14h.586L23 22.586V13h-2zm7-12a1 1 0 0 0-1-1h-.184A3 3 0 0 1 25 12.816V14a1 1 0 0 1 0 2v1a1 1 0 0 1 0 2v1a1 1 0 0 1 0 2v1a1 1 0 0 1-.293.707l-2 2A1 1 0 0 1 22 26h-2a1 1 0 0 1-1-1V12.816A3 3 0 0 1 17.184 11H5a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1zM16 24H7a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2zm0-3H7a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2zm-9-1h4a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2z"
/>
</svg>
More icons in the same style and category