Add icons to this collection by clicking the heart icon.
Login icon - also known as computer, internet, security, networking, lock, key, password, privacy, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="64.421"
y2=".093"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="54" x2="54" y1="64.421" y2=".093" href="#a" />
<linearGradient
id="c"
x1="11.5"
x2="11.5"
y1="64.421"
y2=".093"
href="#a"
/>
<linearGradient
id="d"
x1="15.5"
x2="15.5"
y1="64.421"
y2=".093"
href="#a"
/>
<linearGradient
id="e"
x1="19.5"
x2="19.5"
y1="64.421"
y2=".093"
href="#a"
/>
<linearGradient id="f" x1="19" x2="19" y1="64.421" y2=".093" href="#a" />
<linearGradient id="g" x1="40" x2="40" y1="64.421" y2=".093" href="#a" />
<path
fill="url(#a)"
d="M59 14h-1V5a3.009 3.009 0 0 0-3-3H9a3.009 3.009 0 0 0-3 3v9H5a3.009 3.009 0 0 0-3 3v30a3.009 3.009 0 0 0 3 3h20v4h-4a3.009 3.009 0 0 0-3 3v4a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-4a3.009 3.009 0 0 0-3-3h-4v-4h20a3.009 3.009 0 0 0 3-3V17a3.009 3.009 0 0 0-3-3zM8 5a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v5H8zm0 7h48v25a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm35 44a1 1 0 0 1 1 1v3H20v-3a1 1 0 0 1 1-1zm-16-2v-4h10v4zm33-7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3h56zm0-5H4V17a1 1 0 0 1 1-1h1v21a3.009 3.009 0 0 0 3 3h46a3.009 3.009 0 0 0 3-3V16h1a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M55 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M20 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#f)"
d="M24 20.18V19a5 5 0 0 0-10 0v1.18A3.01 3.01 0 0 0 12 23v8a3.009 3.009 0 0 0 3 3h8a3.009 3.009 0 0 0 3-3v-8a3.01 3.01 0 0 0-2-2.82zM16 19a3 3 0 0 1 6 0v1h-6zm8 12a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path
fill="url(#g)"
d="M49 16H31a3.009 3.009 0 0 0-3 3v2a3.009 3.009 0 0 0 3 3h18a3.009 3.009 0 0 0 3-3v-2a3.009 3.009 0 0 0-3-3zm-15 6h-3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3zm16-1a1 1 0 0 1-1 1H36v-4h13a1 1 0 0 1 1 1zM49 26H31a3.009 3.009 0 0 0-3 3v2a3.009 3.009 0 0 0 3 3h18a3.009 3.009 0 0 0 3-3v-2a3.009 3.009 0 0 0-3-3zm-15 6h-3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3zm16-1a1 1 0 0 1-1 1H36v-4h13a1 1 0 0 1 1 1z"
/>
<path
fill="url(#f)"
d="M18 27.722V29a1 1 0 0 0 2 0v-1.278a2 2 0 1 0-2 0z"
/>
</svg>
More icons in the same style and category