Add icons to this collection by clicking the heart icon.
Login icon - also known as user, security, password, browser, ui, passkey, login, and seo and web. 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"
gradientUnits="userSpaceOnUse"
x1="14.121"
x2="507.823"
y1="497.879"
y2="4.177"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-179.879"
x2="313.823"
y1="303.879"
y2="-189.823"
href="#a"
/>
<linearGradient
id="c"
x1="-163.879"
x2="329.823"
y1="319.879"
y2="-173.823"
href="#a"
/>
<linearGradient
id="d"
x1="-147.879"
x2="345.823"
y1="335.879"
y2="-157.823"
href="#a"
/>
<linearGradient
id="e"
x1="-41.879"
x2="451.823"
y1="441.879"
y2="-51.823"
href="#a"
/>
<linearGradient
id="f"
x1="2.121"
x2="495.823"
y1="485.879"
y2="-7.823"
href="#a"
/>
<linearGradient
id="h"
x1="50.121"
x2="543.823"
y1="533.879"
y2="40.177"
href="#a"
/>
<linearGradient
id="i"
x1="46.121"
x2="539.823"
y1="529.879"
y2="36.177"
href="#a"
/>
<linearGradient
id="j"
x1="90.121"
x2="583.823"
y1="573.879"
y2="80.177"
href="#a"
/>
<linearGradient
id="k"
x1="92.121"
x2="585.823"
y1="575.879"
y2="82.177"
href="#a"
/>
<g>
<path
d="m476 48h-440a28.031 28.031 0 0 0 -28 28v360a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28v-360a28.031 28.031 0 0 0 -28-28zm12 388a12.01 12.01 0 0 1 -12 12h-440a12.01 12.01 0 0 1 -12-12v-324h464zm0-340h-464v-20a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
fill="url(#a)"
/>
<path d="m40 88h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#b)" />
<path d="m72 88h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#c)" />
<path d="m104 88h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#d)" />
<path
d="m144 184a72 72 0 1 0 72 72 72.083 72.083 0 0 0 -72-72zm0 128a55.729 55.729 0 0 1 -31.93-10.03 31.995 31.995 0 0 1 63.86 0 55.729 55.729 0 0 1 -31.93 10.03zm-16-72a16 16 0 1 1 16 16 16.021 16.021 0 0 1 -16-16zm61.48 48.62a47.8 47.8 0 0 0 -11.54-18.56 48.761 48.761 0 0 0 -10.72-8.08 32 32 0 1 0 -46.43.02 48.245 48.245 0 0 0 -22.25 26.64 56 56 0 1 1 90.94-.02z"
fill="url(#e)"
/>
<path
d="m176 336h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16z"
fill="url(#f)"
/>
<path
d="m160 360h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z"
fill="url(#a)"
/>
<path
d="m456 216h-192a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#h)"
/>
<path
d="m264 264h112a8 8 0 0 0 0-16h-112a8 8 0 0 0 0 16z"
fill="url(#i)"
/>
<path d="m416 264a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#j)" />
<path
d="m456 280h-192a8 8 0 0 0 -8 8v40a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8v-40a8 8 0 0 0 -8-8zm-8 40h-176v-24h176z"
fill="url(#k)"
/>
</g>
</svg>
More icons in the same style and category