Add icons to this collection by clicking the heart icon.
Keycard icon - also known as technology, security, networking, electronics, wifi connection, keycard, internet of things, and smart card. Created in a clean lineal color style with a white, silver, blue, navy, and pink finish, 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="89.908"
x2="468.59"
y1="502.756"
y2="124.074"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#96ffd1" />
</linearGradient>
<path
d="M475.091 430.222c-85.843-143.258-57.894-152.872-70.48-318.364C389.938-81.061 145.006-12.736 54.575 227.107 13.82 335.198-2.199 501.863 138.488 499.459c72.136-1.232 153.407-43.913 218.98-3.33 32.657 20.211 65.501 21.269 99.943 2.31 27.323-15.041 33.025-42.609 17.68-68.217z"
fill="url(#a)"
/>
<path
d="M439.839 431.534c-9.101 0-16.728 6.221-18.918 14.636-.216-.028-.429-.066-.652-.066H368.68a2.977 2.977 0 0 1-2.974-2.973c0-7.153-5.819-12.973-12.973-12.973H318.58v-7.611a5 5 0 0 0-5-5h-49.484v-32.433h81.603v19.323c0 5.144 5.9 8.053 9.98 4.922l42.337-32.486a6.17 6.17 0 0 0 2.427-4.922h30.693c11.05 0 20-8.95 20-20v-203.38c0-11.05-8.95-20-20-20H206.002c0-27.614-22.386-50-50-50s-50 22.386-50 50H87.056c-11.05 0-20 8.95-20 20v203.38c0 2.984.671 5.805 1.842 8.349H33.621a5 5 0 0 0-5 5v14.815a5 5 0 0 0 5 5h220.474v32.433h-49.484a5 5 0 0 0-5 5v7.611h-34.153c-7.153 0-12.973 5.82-12.973 12.973a2.977 2.977 0 0 1-2.973 2.973h-51.59c-.223 0-.436.037-.652.066-2.19-8.415-9.817-14.636-18.918-14.636-10.808 0-19.57 8.762-19.57 19.57s8.762 19.57 19.57 19.57c9.101 0 16.728-6.221 18.918-14.636.216.028.429.066.652.066h101.689v7.611a5 5 0 0 0 5 5H313.58a5 5 0 0 0 5-5v-7.611h101.688c.224 0 .437-.037.653-.066 2.19 8.415 9.817 14.636 18.918 14.636 10.808 0 19.57-8.762 19.57-19.57 0-10.809-8.762-19.571-19.57-19.571zm-240.228 14.571h-37.484c.226-.957.357-1.949.357-2.973a2.977 2.977 0 0 1 2.973-2.973h34.153v5.946zm118.969 0v-5.946h34.153a2.977 2.977 0 0 1 2.973 2.973c0 1.024.132 2.017.357 2.973H318.58z"
opacity=".1"
fill="#2626bc"
/>
<path
d="M451.136 124.571v4l-5 89.187 5 102.193v8c0 11.05-8.95 20-20 20H87.056c-11.05 0-20-8.95-20-20v-203.38c0-11.05 8.95-20 20-20h344.08c11.05 0 20 8.95 20 20z"
fill="#8298fd"
/>
<path
d="M237.321 288.82h37.208M205.67 306.978h68.859"
fill="none"
stroke="#d1ddff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M115.937 277.082v-.009M115.937 291.735v-.009M115.937 306.388v-.009"
fill="none"
stroke="#02ffb2"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M274.306 175.49H231.95a5 5 0 0 1-5-5v-4.596l5-12.89-5-11.352v-4.596a5 5 0 0 1 5-5h42.356a5 5 0 0 1 5 5v4.596l-5 11.352 5 12.89v4.596a5 5 0 0 1-5 5z"
fill="#02ffb2"
/>
<path
d="M239.346 165.894H226.95v-9.39l5-3.5-5-3.5v-7.852h12.396a5 5 0 0 1 5 5v2.852l-5 3.5 5 3.5v4.39a5 5 0 0 1-5 5zM279.306 165.894H266.91a5 5 0 0 1-5-5v-4.39l5-3.5-5-3.5v-2.852a5 5 0 0 1 5-5h12.396v7.852l-5 3.5 5 3.5v9.39z"
fill="#96ffd1"
/>
<path
d="M226.95 149.504h17.396v7H226.95zM261.91 149.504h17.396v7H261.91z"
fill="#01eba4"
/>
<path
d="M206.006 128.571c0 27.61-22.39 50-50 50-27.62 0-50-22.39-50-50 0-8.7 2.22-16.88 6.13-24h87.74c3.91 7.12 6.13 15.3 6.13 24zM451.138 319.951H327.052c-11.046 0-20-8.954-20-20V287.82l5-15.474-5-15.474V148.57c0-11.046 8.954-20 20-20h124.086v128.301l-5 15.474 5 15.474v32.132z"
fill="#6582fd"
/>
<path
d="M357.917 180.071c14.979 14.979 14.979 39.263 0 54.242M343.485 189.374c9.841 9.841 9.841 25.796 0 35.637M328.639 198.137c5.001 5.001 5.001 13.109 0 18.109"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M451.136 128.571v17h-124.08c-11.05 0-20 8.95-20 20v-17c0-11.05 8.95-20 20-20h124.08z"
fill="#4369fc"
/>
<path d="M307.052 256.871h144.086v30.949H307.052z" fill="#ffa7ce" />
<path
d="M451.138 178.43v-53.86c0-11.046-8.954-20-20-20H87.052c-11.046 0-20 8.954-20 20v203.381c0 11.046 8.954 20 20 20h344.086c11.046 0 20-8.954 20-20V209.968"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="156.002" cy="104.571" r="50" fill="#01eba4" />
<path
d="M128.881 95.548c14.979-14.979 39.263-14.979 54.242 0M138.184 109.98c9.841-9.841 25.796-9.841 35.637 0M146.947 124.826c5.001-5.001 13.109-5.001 18.109 0"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="156.002"
cy="104.571"
r="50"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M277.105 220.605a17.242 17.242 0 0 0-16.564-12.455h-78.21c-5.406-15.686-20.825-26.751-38.589-25.49-18.445 1.309-34.584 18.17-35.135 36.653-.639 21.424 16.603 39.056 37.886 39.056 16.59 0 30.714-10.718 35.838-25.589h11.261l15.289-5 13.266 5v6.133a4 4 0 0 0 4 4h12.629a4 4 0 0 0 4-4v-6.133h9.127v6.133a4 4 0 0 0 4 4h7.549a4 4 0 0 0 4-4v-6.133l9.653-12.175zM146.493 233.74c-7.319 0-13.273-5.955-13.273-13.274 0-7.319 5.954-13.273 13.273-13.273s13.273 5.954 13.273 13.273c.001 7.319-5.953 13.274-13.273 13.274z"
fill="#fff"
/>
<path
d="m279.146 227.67-2.042-7.064h-18.156a3.044 3.044 0 0 0-3.044 3.044 3.044 3.044 0 0 1-3.044 3.044h-11.04a3.044 3.044 0 0 1-3.044-3.044 3.044 3.044 0 0 0-3.044-3.044h-33.201a3.042 3.042 0 0 0-2.619 1.494l-6.32 10.681h81.71c2.664-.001 4.584-2.553 3.844-5.111zM405.517 198.462h-17.598v-9.248a3 3 0 0 1 3-3h11.598a3 3 0 0 1 3 3v9.248z"
fill="#d1ddff"
/>
<path
d="M401.672 196.978V180.89c0-3.838 3.123-6.961 6.962-6.961a6.97 6.97 0 0 1 6.961 6.961v16.088h9.353V180.89c0-8.996-7.318-16.314-16.314-16.314s-16.315 7.318-16.315 16.314v16.088h9.353z"
fill="#ff7eb7"
/>
<path
d="M426.348 186.213H414.75a3 3 0 0 0-3 3v6.248h-20.831a3 3 0 0 0-3 3v28.568a3 3 0 0 0 3 3h35.429a3 3 0 0 0 3-3v-37.817a3 3 0 0 0-3-2.999z"
fill="#fff"
/>
<path
d="m398.016 343.029-42.337-32.486c-4.081-3.131-9.98-.222-9.98 4.922V336.3H33.621a5 5 0 0 0-5 5v14.815a5 5 0 0 0 5 5h312.077v19.323c0 5.144 5.9 8.053 9.98 4.922l42.337-32.486c3.237-2.484 3.237-7.362.001-9.845z"
fill="#02ffb2"
/>
<path
d="M259.095 393.548v-32.433h86.603v19.323c0 5.144 5.9 8.053 9.98 4.922l42.337-32.486c3.236-2.483 3.236-7.36 0-9.844l-42.337-32.486c-4.081-3.131-9.98-.222-9.98 4.922v20.835H33.621a5 5 0 0 0-5 5v14.815a5 5 0 0 0 5 5h194.957"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M313.58 444.716H204.611a5 5 0 0 1-5-5v-41.168a5 5 0 0 1 5-5H313.58a5 5 0 0 1 5 5v41.168a5 5 0 0 1-5 5z"
fill="#9eaffd"
/>
<path
d="M286.023 411.159h-.01"
fill="none"
stroke="#02ffb2"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M270.183 411.159h-38.014"
fill="none"
stroke="#d1ddff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M286.023 427.105h-.01"
fill="none"
stroke="#ff5ba7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M270.183 427.105h-38.014"
fill="none"
stroke="#d1ddff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M313.58 444.716H204.611a5 5 0 0 1-5-5v-41.168a5 5 0 0 1 5-5H313.58a5 5 0 0 1 5 5v41.168a5 5 0 0 1-5 5zM318.58 411.159h34.153a7.973 7.973 0 0 1 7.973 7.973v0a7.973 7.973 0 0 0 7.973 7.973h10.53M318.58 427.105h101.689M199.611 411.159h-34.153a7.973 7.973 0 0 0-7.973 7.973v0a7.973 7.973 0 0 1-7.973 7.973h-10.53M199.611 427.105H97.922"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="439.839" cy="427.105" r="19.57" fill="#ff5ba7" />
<circle cx="78.352" cy="427.105" r="19.57" fill="#02ffb2" />
<circle
cx="439.839"
cy="427.105"
r="19.57"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="78.352"
cy="427.105"
r="19.57"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="473.379"
cy="83.556"
r="10"
fill="none"
stroke="#01eba4"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="177.735"
cy="470.675"
r="10"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m66.378 57.678-10 10M77.734 69.033l-10 10M458.732 368.297l-10 10M470.087 379.652l-10 10"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m418.67 43.395-10 10M430.026 54.751l-10 10"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category