Add icons to this collection by clicking the heart icon.
Login icon - also known as technology, interface, security, secure, padlock, password, multimedia, ui, passkey, security system, access, and login. 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="640"
height="640"
viewBox="-56 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#20d6de" />
<stop offset="1" stop-color="#5e309d" />
</linearGradient>
<linearGradient
id="b"
x1="-64"
x2="424.592"
y1="232"
y2="232"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-64"
x2="424.592"
y1="384"
y2="384"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-64.016"
x2="424.576"
y1="352"
y2="352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-64.008"
x2="424.584"
y1="336"
y2="336"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-64"
x2="424.592"
y1="352"
y2="352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-64"
x2="424.592"
y1="336"
y2="336"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-64"
x2="424.592"
y1="88"
y2="88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-64"
x2="424.592"
y1="416"
y2="416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-64"
x2="424.592"
y1="72"
y2="72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M0 200v64a8 8 0 0 0 8 8h352a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8zm16 8h336v48H16zm0 0"
/>
<path
fill="url(#c)"
d="M224 288h-80c-12.98.64-23.36 11.02-24 24v40h-8a8 8 0 0 0-8 8v80c.027 22.082 17.918 39.973 40 40h80c22.082-.027 39.973-17.918 40-40v-80a8 8 0 0 0-8-8h-8v-40c-.64-12.98-11.02-23.36-24-24zm-88 24a9.356 9.356 0 0 1 8-8h80c4.16.57 7.43 3.84 8 8v40h-16v-24a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v24h-16zm32 40v-16h32v16zm80 88c0 13.254-10.746 24-24 24h-80c-13.254 0-24-10.746-24-24v-72h128zm0 0"
/>
<g fill="url(#b)">
<path
d="M128 224h16v16h-16zM160 224h16v16h-16zM192 224h16v16h-16zM224 224h16v16h-16zm0 0"
/>
</g>
<path
fill="url(#d)"
d="M84.426 328.84C64.23 338.945 64 366.816 64 368a8 8 0 0 0 16 0c0-.191.32-19.2 11.574-24.8a7.998 7.998 0 0 0 3.586-10.735 8.003 8.003 0 0 0-10.734-3.586zm0 0"
/>
<path
fill="url(#e)"
d="M52.426 312.84C32.23 322.945 32 350.816 32 352a8 8 0 0 0 16 0c0-.191.32-19.2 11.574-24.8a7.998 7.998 0 0 0 3.586-10.735 8.003 8.003 0 0 0-10.734-3.586zm0 0"
/>
<path
fill="url(#f)"
d="M272.84 332.426a7.998 7.998 0 0 0 3.586 10.734C287.504 348.695 288 367.656 288 368a8 8 0 0 0 16 0c0-1.184-.23-29.055-20.426-39.2a7.992 7.992 0 0 0-10.734 3.625zm0 0"
/>
<path
fill="url(#g)"
d="M304.84 316.426a7.998 7.998 0 0 0 3.586 10.734C319.504 332.695 320 351.656 320 352a8 8 0 0 0 16 0c0-1.184-.23-29.055-20.426-39.2a7.992 7.992 0 0 0-10.734 3.625zm0 0"
/>
<path
fill="url(#h)"
d="M280 176c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24H88C74.746 0 64 10.746 64 24v128c0 13.254 10.746 24 24 24zm-168-32h16v16h-16zm144-16h-16v-16h8a8 8 0 0 1 8 8zm-32-32h-80V48h80zm-96 32h-16v-8a8 8 0 0 1 8-8h8zm16 32v-48h80v48zm96 0v-16h16v16zm-160-8V24a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8v128a8 8 0 0 1-8 8h-8v-40c0-13.254-10.746-24-24-24h-8V40a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v56h-8c-13.254 0-24 10.746-24 24v40h-8a8 8 0 0 1-8-8zm0 0"
/>
<path
fill="url(#i)"
d="M188 384h-8c-11.047 0-20 8.953-20 20v24c0 11.047 8.953 20 20 20h8c11.047 0 20-8.953 20-20v-24c0-11.047-8.953-20-20-20zm4 44c0 2.21-1.79 4-4 4h-8c-2.21 0-4-1.79-4-4v-24c0-2.21 1.79-4 4-4h8c2.21 0 4 1.79 4 4zm0 0"
/>
<path fill="url(#j)" d="M160 64h16v16h-16zM192 64h16v16h-16zm0 0" />
</svg>
More icons in the same style and category