Add icons to this collection by clicking the heart icon.
Access icon - also known as electronic, security, card, key, hotel, room, access, room key, and key card. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fffdf1" />
<stop offset="1" stop-color="#fff5c6" />
</linearGradient>
<linearGradient
id="f"
x1="46.002"
x2="269.015"
y1="122.998"
y2="346.01"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset=".183" stop-color="#fc9b19" stop-opacity=".183" />
<stop offset=".509" stop-color="#f57d28" stop-opacity=".509" />
<stop offset=".936" stop-color="#eb4c40" stop-opacity=".936" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="g"
x1="255"
x2="255"
y1="446.174"
y2="564.706"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="473.606"
x2="542.619"
y1="331.996"
y2="331.996"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="373.205"
x2="310.205"
y1="285.096"
y2="232.096"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="342.618"
x2="200.618"
y1="465.211"
y2="217.211"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="97.001"
x2="278.802"
y1="25.124"
y2="206.925"
gradientTransform="matrix(0 1 1 0 59.5 -59.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef48b" />
<stop offset=".146" stop-color="#fdf07e" />
<stop offset=".416" stop-color="#fce55c" />
<stop offset=".778" stop-color="#fbd325" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fac600" stop-opacity="0" />
<stop offset=".408" stop-color="#efbd01" stop-opacity=".408" />
<stop offset="1" stop-color="#d7aa02" />
</linearGradient>
<linearGradient
id="l"
x1="352.112"
x2="400.32"
y1="207.877"
y2="207.877"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="255"
x2="255"
y1="141.689"
y2="230.185"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="125.68"
x2="204.68"
y1="188.373"
y2="213.373"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#554e56" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="o"
x1="187.313"
x2="187.313"
y1="169"
y2="220.01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="p"
x1="142.8"
x2="350.554"
y1="219.795"
y2="427.549"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="255"
x2="255"
y1="438.515"
y2="535.947"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="442.028"
x2="498.756"
y1="331.995"
y2="331.995"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c59191" />
<stop offset="1" stop-color="#9b5e5e" />
</linearGradient>
<linearGradient
id="s"
x1="184.943"
x2="238.943"
y1="294.073"
y2="548.073"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="111.996"
x2="159.086"
y1="324.023"
y2="545.521"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="123.138"
x2="171.713"
y1="322.044"
y2="550.527"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="70.828"
x2="119.828"
y1="333.496"
y2="563.979"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="212.951"
x2="301.451"
y1="294.144"
y2="347.644"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbec6c" />
<stop offset="1" stop-color="#78a91f" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#78a91f" stop-opacity="0" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="x"
x1="229.098"
x2="200.432"
y1="334.301"
y2="350.301"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="255"
x2="255"
y1="267"
y2="244.994"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="236.251"
x2="217.918"
y1="288.178"
y2="282.178"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#78a91f" stop-opacity="0" />
<stop offset=".147" stop-color="#70a421" stop-opacity=".147" />
<stop offset=".374" stop-color="#5b9927" stop-opacity=".374" />
<stop offset=".652" stop-color="#378531" stop-opacity=".652" />
<stop offset=".968" stop-color="#076b3f" stop-opacity=".968" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="A"
x1="1470.347"
x2="1470.347"
y1="-1810.468"
y2="-1792.155"
gradientTransform="rotate(180 841.321 -751.574)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="1384.938"
x2="1384.938"
y1="-1810.468"
y2="-1792.155"
gradientTransform="rotate(180 841.321 -751.574)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M480.996 510H29.004C12.986 510 0 497.014 0 480.996v-298c0-16.019 12.986-29.004 29.004-29.004h451.992c16.019 0 29.004 12.986 29.004 29.004v298C510 497.014 497.014 510 480.996 510z"
/>
<path
fill="url(#g)"
d="M0 351v129.996C0 497.014 12.986 510 29.004 510h451.991C497.014 510 510 497.014 510 480.996V351z"
/>
<path
fill="url(#h)"
d="M480.996 153.991H251.667V510h229.329C497.014 510 510 497.014 510 480.996v-298c0-16.019-12.986-29.005-29.004-29.005z"
/>
<path
fill="url(#i)"
d="M480.996 153.991H366.333V510h114.662C497.014 510 510 497.014 510 480.996v-298c0-16.019-12.986-29.005-29.004-29.005z"
/>
<path
fill="url(#j)"
d="M510 480.996v-235.91l-51.51-51.51L53.092 472.012 91.08 510h389.916C497.014 510 510 497.014 510 480.996z"
/>
<path
fill="url(#k)"
d="M400.11 392.11V23.644C400.11 10.586 389.524 0 376.465 0h-242.93c-13.058 0-23.644 10.586-23.644 23.644V392.11c0 13.058 10.586 23.644 23.644 23.644h242.931c13.058 0 23.644-10.586 23.644-23.644z"
/>
<path
fill="url(#l)"
d="M270.492 0h105.973c13.058 0 23.644 10.586 23.644 23.644V392.11c0 13.058-10.586 23.644-23.644 23.644H270.492z"
/>
<path
fill="url(#m)"
d="M109.89 392.11V82.325h290.22V392.11c0 13.058-10.586 23.644-23.644 23.644H133.535c-13.059 0-23.645-10.586-23.645-23.644z"
/>
<path fill="url(#n)" d="M159.667 0h55.292v415.754h-55.292z" />
<path fill="url(#o)" d="M159.667 82.325h55.292v333.429h-55.292z" />
<path
fill="url(#p)"
d="M464.61 209.52v244.95c0 13.17-10.68 23.84-23.84 23.84H69.23c-13.16 0-23.84-10.67-23.84-23.84V209.52c0-13.17 10.68-23.84 23.84-23.84h46.971a33.107 33.107 0 0 1 31.257 22.196 19.754 19.754 0 0 0 18.65 13.244h177.785c8.4 0 15.882-5.313 18.65-13.244A33.106 33.106 0 0 1 393.8 185.68h46.971c13.159 0 23.839 10.67 23.839 23.84z"
/>
<path
fill="url(#q)"
d="M45.393 347.617v106.855c0 13.167 10.674 23.841 23.841 23.841h371.531c13.167 0 23.841-10.674 23.841-23.841V347.617z"
/>
<path
fill="url(#r)"
d="M464.61 209.52v244.95c0 13.17-10.68 23.84-23.84 23.84H252.26V221.12h91.632c8.4 0 15.882-5.313 18.65-13.244a33.106 33.106 0 0 1 31.257-22.196h46.971c13.16 0 23.84 10.67 23.84 23.84z"
/>
<path
fill="url(#s)"
d="M213.042 390.998h-10.897a9.615 9.615 0 0 0-9.615 9.615c0 5.31 4.305 9.615 9.615 9.615h10.897c5.31 0 9.615-4.305 9.615-9.615s-4.305-9.615-9.615-9.615z"
/>
<path
fill="url(#t)"
d="M168.43 390.998H88.128c-5.31 0-9.615 4.305-9.615 9.615s4.305 9.615 9.615 9.615h80.302c5.31 0 9.615-4.305 9.615-9.615s-4.305-9.615-9.615-9.615z"
/>
<path
fill="url(#u)"
d="M168.43 425.771h-42.391c-5.31 0-9.615 4.305-9.615 9.615a9.615 9.615 0 0 0 9.615 9.615h42.391c5.31 0 9.615-4.305 9.615-9.615s-4.305-9.615-9.615-9.615z"
/>
<path
fill="url(#v)"
d="M96.676 425.771h-8.374c-5.311 0-9.615 4.305-9.615 9.615s4.305 9.615 9.615 9.615h8.374c5.31 0 9.615-4.305 9.615-9.615s-4.305-9.615-9.615-9.615z"
/>
<path
fill="url(#w)"
d="m198.613 322.519 40.606 61.52a18.925 18.925 0 0 0 4.004 4.397c6.834 5.461 16.722 5.461 23.556 0a18.925 18.925 0 0 0 4.004-4.397l40.606-61.52c8.296-12.574-.721-29.325-15.782-29.325h-14.742V263.84a8.538 8.538 0 0 0-8.538-8.538h-34.65a8.538 8.538 0 0 0-8.538 8.538v29.354h-14.742c-15.063-.001-24.081 16.751-15.784 29.325z"
/>
<path
fill="url(#x)"
d="m198.613 322.519 40.606 61.52a18.925 18.925 0 0 0 4.004 4.397c6.834 5.461 16.722 5.461 23.556 0a18.925 18.925 0 0 0 4.004-4.397l40.606-61.52c8.296-12.574-.721-29.325-15.782-29.325h-14.742V263.84a8.538 8.538 0 0 0-8.538-8.538h-34.65a8.538 8.538 0 0 0-8.538 8.538v29.354h-14.742c-15.063-.001-24.081 16.751-15.784 29.325z"
/>
<path
fill="url(#y)"
d="M229.136 293.195V263.84a8.539 8.539 0 0 1 8.538-8.538h34.651a8.538 8.538 0 0 1 8.538 8.538v29.355z"
/>
<path
fill="url(#z)"
d="M229.136 330.98v-67.141a8.539 8.539 0 0 1 8.538-8.538h34.651a8.538 8.538 0 0 1 8.538 8.538v67.141z"
/>
<path
fill="url(#A)"
d="m198.613 322.52 30.524 46.246v-75.571h-14.742c-15.061 0-24.079 16.751-15.782 29.325z"
/>
<path
fill="url(#B)"
d="M295.606 293.195h-14.742v75.571l30.524-46.246c8.296-12.574-.722-29.325-15.782-29.325z"
/>
</svg>
More icons in the same style and category