Add icons to this collection by clicking the heart icon.
Key Card icon - also known as home, security, pass, secure, door key, passkey, access, electronics, door lock, and key card. 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 64 64"
>
<linearGradient
id="a"
x1="32.008"
x2="32.008"
y1="64.564"
y2="-.76"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="38" x2="38" y1="64.564" y2="-.76" href="#a" />
<linearGradient id="c" x1="42" x2="42" y1="64.564" y2="-.76" href="#a" />
<linearGradient id="d" x1="46" x2="46" y1="64.564" y2="-.76" href="#a" />
<linearGradient id="e" x1="50" x2="50" y1="64.564" y2="-.76" href="#a" />
<linearGradient id="f" x1="54" x2="54" y1="64.564" y2="-.76" href="#a" />
<linearGradient id="g" x1="17" x2="17" y1="64.564" y2="-.76" href="#a" />
<g>
<path
fill="url(#a)"
d="M59 32h-6v-5.99l4.13 3.48a3 3 0 0 0 3.86-4.6h-.01L33.93 2.31a2.981 2.981 0 0 0-3.85 0L3.1 24.95a3.071 3.071 0 0 0-.74 3.89 2.976 2.976 0 0 0 2.08 1.43 2.921 2.921 0 0 0 .5.05 2.986 2.986 0 0 0 1.93-.71l4.13-3.5v9.3A6.967 6.967 0 0 0 10 39v3a2.006 2.006 0 0 0-2 2v10a2.006 2.006 0 0 0 2 2h1v3a3.009 3.009 0 0 0 3 3h36a3.009 3.009 0 0 0 3-3v-3h6a3.009 3.009 0 0 0 3-3V35a3.009 3.009 0 0 0-3-3zM5.58 28.08a.986.986 0 0 1-.81.22 1 1 0 0 1-.7-.49 1.083 1.083 0 0 1 .31-1.33L31.36 3.84a1.025 1.025 0 0 1 .64-.23 1 1 0 0 1 .64.23L59.7 26.43a1 1 0 0 1-1.28 1.53L32.64 6.24a.987.987 0 0 0-1.29 0zM17 36a3.009 3.009 0 0 0-3 3v3h-2v-3a5 5 0 0 1 10 0v3h-2v-3a3.009 3.009 0 0 0-3-3zm1 3v3h-2v-3a1 1 0 0 1 2 0zm-8 15V44h14v10zm41 5a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1v-3h11a2.006 2.006 0 0 0 2-2V44a2.006 2.006 0 0 0-2-2v-3a7 7 0 0 0-11-5.74v-8.84L32 8.31l19 16.01V32H33a3.009 3.009 0 0 0-3 3v18a3.009 3.009 0 0 0 3 3h18zm9-6a1 1 0 0 1-1 1H33a1 1 0 0 1-1-1v-9h28zm0-11H32v-2h28zm0-4H32v-3a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M37 48h2v2h-2z" />
<path fill="url(#c)" d="M41 48h2v2h-2z" />
<path fill="url(#d)" d="M45 48h2v2h-2z" />
<path fill="url(#e)" d="M49 48h2v2h-2z" />
<path fill="url(#f)" d="M53 48h2v2h-2z" />
<path
fill="url(#g)"
d="M17 46a1.994 1.994 0 0 0-1 3.722V52h2v-2.278A1.994 1.994 0 0 0 17 46z"
/>
</g>
</svg>
More icons in the same style and category