Add icons to this collection by clicking the heart icon.
Login icon - also known as computer, user, password, steal, unsecure, login, and personal identification. Created in a clean lineal color style with a white, silver, gray, red, maroon, orange, 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 300 300"
>
<circle cx="194" cy="112" r="76" fill="#fcf1c3" />
<path
fill="#ffce56"
d="M87.909 260h157.059a9.032 9.032 0 0 0 9.032-9.032V104H34v146.968A9.032 9.032 0 0 0 43.032 260H66"
/>
<path
fill="#4c241d"
d="M244.967 264H87.908a4 4 0 0 1 0-8h157.059a5.039 5.039 0 0 0 5.033-5.033V108H38v142.967A5.039 5.039 0 0 0 43.033 256H66a4 4 0 0 1 0 8H43.033C35.848 264 30 258.152 30 250.967V104a4 4 0 0 1 4-4h220a4 4 0 0 1 4 4v146.967c0 7.185-5.848 13.033-13.033 13.033z"
/>
<path
fill="#fff"
d="M254 104H34V89.032A9.032 9.032 0 0 1 43.032 80h201.935a9.032 9.032 0 0 1 9.032 9.032V104z"
/>
<path
fill="#4c241d"
d="M254 108H34a4 4 0 0 1-4-4V89.033C30 81.848 35.848 76 43.033 76h201.934C252.152 76 258 81.848 258 89.033V104a4 4 0 0 1-4 4zm-216-8h212V89.033A5.039 5.039 0 0 0 244.967 84H43.033A5.039 5.039 0 0 0 38 89.033z"
/>
<circle cx="50" cy="92" r="4" fill="#f53e28" />
<circle cx="62" cy="92" r="4" fill="#ffce56" />
<circle cx="74" cy="92" r="4" fill="#a9ba5a" />
<path
fill="#4c241d"
d="M242 180a4 4 0 0 1-4-4v-48a4 4 0 0 1 8 0v48a4 4 0 0 1-4 4z"
/>
<circle cx="82" cy="160" r="16" fill="#b5a19c" />
<path
fill="#4c241d"
d="M82 180c-11.027 0-20-8.973-20-20s8.973-20 20-20 20 8.973 20 20-8.973 20-20 20zm0-32c-6.617 0-12 5.383-12 12s5.383 12 12 12 12-5.383 12-12-5.383-12-12-12z"
/>
<path
fill="#b5a19c"
d="M110 208H54v-4c0-15.464 12.536-28 28-28s28 12.536 28 28z"
/>
<path
fill="#4c241d"
d="M110 212H54a4 4 0 0 1-4-4v-4c0-17.645 14.355-32 32-32s32 14.355 32 32v4a4 4 0 0 1-4 4zm-52-8h48c0-13.234-10.766-24-24-24s-24 10.766-24 24z"
/>
<path
fill="#fff"
d="M219.094 140S198.905 160 174 160s-45.094-20-45.094-20 20.189-20 45.094-20 45.094 20 45.094 20z"
/>
<path
fill="#4c241d"
d="M174 164c-26.248 0-47.037-20.295-47.908-21.158-.76-.752-1.186-1.773-1.186-2.842s.426-2.09 1.186-2.842C126.963 136.295 147.752 116 174 116s47.037 20.295 47.908 21.158c.76.752 1.186 1.773 1.186 2.842s-.426 2.09-1.186 2.842C221.037 143.705 200.248 164 174 164zm-39.035-24c6.428 5.268 21.66 16 39.035 16s32.607-10.732 39.035-16c-6.428-5.268-21.66-16-39.035-16s-32.607 10.732-39.035 16z"
/>
<circle cx="174" cy="140" r="20" fill="#f53e28" />
<path
fill="#4c241d"
d="M174 164c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm0-40c-8.822 0-16 7.178-16 16s7.178 16 16 16 16-7.178 16-16-7.178-16-16-16z"
/>
<path
fill="#fff"
d="M206 200h-64c-6.627 0-12-5.373-12-12s5.373-12 12-12h64c6.627 0 12 5.373 12 12s-5.373 12-12 12z"
/>
<path
fill="#4c241d"
d="M206 204h-64c-8.822 0-16-7.178-16-16s7.178-16 16-16h64c8.822 0 16 7.178 16 16s-7.178 16-16 16zm-64-24c-4.412 0-8 3.588-8 8s3.588 8 8 8h64c4.412 0 8-3.588 8-8s-3.588-8-8-8z"
/>
<path
fill="#fff"
d="M206 240h-64c-6.627 0-12-5.373-12-12s5.373-12 12-12h64c6.627 0 12 5.373 12 12s-5.373 12-12 12z"
/>
<path
fill="#4c241d"
d="M206 244h-64c-8.822 0-16-7.178-16-16s7.178-16 16-16h64c8.822 0 16 7.178 16 16s-7.178 16-16 16zm-64-24c-4.412 0-8 3.588-8 8s3.588 8 8 8h64c4.412 0 8-3.588 8-8s-3.588-8-8-8z"
/>
<g fill="#4c241d">
<circle cx="146" cy="228" r="4" />
<circle cx="158" cy="228" r="4" />
<circle cx="170" cy="228" r="4" />
<circle cx="182" cy="228" r="4" />
<path d="M186 192h-44a4 4 0 0 1 0-8h44a4 4 0 0 1 0 8z" />
<circle cx="134" cy="64" r="4" />
<circle cx="258" cy="64" r="4" />
<path
d="M239.656 57.656a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M228.344 57.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172z"
/>
</g>
</svg>
More icons in the same style and category