Add icons to this collection by clicking the heart icon.
Key Card icon - also known as security, card, travel, key, hotel, keycard, and key card. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="13.148"
x2="510.804"
y1="498.848"
y2="1.192"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-62.16"
x2="435.497"
y1="423.541"
y2="-74.116"
href="#a"
/>
<linearGradient
id="c"
x1="-98.85"
x2="398.806"
y1="386.85"
y2="-110.806"
href="#a"
/>
<linearGradient
id="d"
x1="35.15"
x2="532.806"
y1="520.85"
y2="23.194"
href="#a"
/>
<linearGradient
id="e"
x1="39.15"
x2="536.806"
y1="524.85"
y2="27.194"
href="#a"
/>
<linearGradient
id="f"
x1="21.15"
x2="518.806"
y1="506.85"
y2="9.194"
href="#a"
/>
<linearGradient
id="g"
x1="63.15"
x2="560.806"
y1="548.85"
y2="51.194"
href="#a"
/>
<linearGradient
id="h"
x1="45.15"
x2="542.806"
y1="530.85"
y2="33.194"
href="#a"
/>
<linearGradient
id="i"
x1="51.15"
x2="548.806"
y1="536.85"
y2="39.194"
href="#a"
/>
<path
fill="url(#a)"
d="M472 104H40a32.03 32.03 0 0 0-32 32v240a32.036 32.036 0 0 0 32 32h432a32.042 32.042 0 0 0 32-32V136a32.036 32.036 0 0 0-32-32zm16 272a16.021 16.021 0 0 1-16 16H40a16.021 16.021 0 0 1-16-16V136a16.021 16.021 0 0 1 16-16h432a16.021 16.021 0 0 1 16 16z"
/>
<path
fill="url(#b)"
d="M112 128a56 56 0 0 0-24 106.59V264H64a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h24v8H64a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h24v8a24 24 0 0 0 48 0V234.59a56.513 56.513 0 0 0 23.09-20.31A55.979 55.979 0 0 0 112 128zM88 336H72v-8h16zm0-48H72v-8h16zm32 72a8.011 8.011 0 0 1-8 8 7.989 7.989 0 0 1-8-8V239.42a55.462 55.462 0 0 0 16 0zm7.93-139.32-4.82 1.74a39.886 39.886 0 0 1-22.23 0l-4.81-1.74a40 40 0 1 1 31.86 0z"
/>
<path
fill="url(#c)"
d="M112 152a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
/>
<path
fill="url(#d)"
d="M464 192H208a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8zm-8 40H216v-24h240z"
/>
<path fill="url(#e)" d="M392 256H208a8 8 0 0 0 0 16h184a8 8 0 0 0 0-16z" />
<path fill="url(#f)" d="M208 296h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16z" />
<path fill="url(#g)" d="M392 304H208a8 8 0 0 0 0 16h184a8 8 0 0 0 0-16z" />
<path fill="url(#h)" d="M272 328h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16z" />
<path fill="url(#i)" d="M304 296a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
</svg>
More icons in the same style and category