Add icons to this collection by clicking the heart icon.
Log In icon - also known as web, security, website, log in, browser, passkey, gaming, pin code, and password code. Created in a clean flat 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"
>
<path
fill="#f1f4f6"
d="M56.889 85.333V485.62c0 14.569 11.81 26.379 26.379 26.379h345.464c14.569 0 26.379-11.81 26.379-26.379V85.333L258.647 56.889z"
/>
<path
fill="#dfeaef"
d="M413.904 56.815v346.646c0 48.566-39.37 87.936-87.936 87.936H57.524C60.157 503.187 70.683 512 83.268 512h345.464c14.569 0 26.379-11.81 26.379-26.379V85.333z"
/>
<path
fill="#9373b9"
d="M455.111 26.379C455.111 11.81 443.301 0 428.732 0H83.268C68.699 0 56.889 11.81 56.889 26.379v58.954h398.222z"
/>
<path
fill="#845caf"
d="M428.732 0h-41.207c14.569 0 26.379 11.81 26.379 26.379v58.954h41.207V26.379C455.111 11.81 443.301 0 428.732 0z"
/>
<circle cx="412.444" cy="42.667" r="14.222" fill="#f1f4f6" />
<path
fill="#dfeaef"
d="M426.667 42.667c0-7.362-5.594-13.417-12.763-14.148v28.296c7.169-.731 12.763-6.786 12.763-14.148z"
/>
<circle cx="355.556" cy="42.667" r="14.222" fill="#f1f4f6" />
<circle cx="298.667" cy="42.667" r="14.222" fill="#f1f4f6" />
<circle cx="355.556" cy="149.333" r="21.333" fill="#dd636e" />
<circle cx="355.556" cy="248.889" r="21.333" fill="#b7e445" />
<circle cx="305.778" cy="199.111" r="21.333" fill="#ffd064" />
<circle cx="405.333" cy="199.111" r="21.333" fill="#80b4fb" />
<path
fill="#61a2f9"
d="M413.904 179.569v39.083c7.515-3.3 12.763-10.808 12.763-19.542 0-8.732-5.249-16.24-12.763-19.541z"
/>
<path
fill="#617881"
d="m175.404 198.363 20.275-20.275a1.06 1.06 0 0 1 .748-.31h30.07c.584 0 1.058.474 1.058 1.058v40.55c0 .584-.474 1.058-1.058 1.058h-30.07c-.281 0-.55-.111-.748-.31l-20.275-20.275a1.058 1.058 0 0 1 0-1.496zM155.697 180.152l-20.275-20.276a1.06 1.06 0 0 1-.31-.748v-30.07c0-.584.474-1.058 1.058-1.058h40.55c.584 0 1.058.474 1.058 1.058v30.07c0 .281-.111.55-.31.748l-20.275 20.275a1.057 1.057 0 0 1-1.496.001zM157.193 218.071l20.275 20.275c.198.198.31.468.31.748v30.07c0 .584-.474 1.058-1.058 1.058h-40.55a1.058 1.058 0 0 1-1.058-1.058v-30.069c0-.281.111-.55.31-.748l20.275-20.276a1.058 1.058 0 0 1 1.496 0zM117.21 178.088l20.275 20.275a1.06 1.06 0 0 1 0 1.497l-20.275 20.275a1.06 1.06 0 0 1-.748.31h-30.07a1.058 1.058 0 0 1-1.058-1.058v-40.55c0-.584.474-1.058 1.058-1.058h30.07c.281-.001.55.11.748.309z"
/>
<path
fill="#b7e445"
d="M302.899 455.111h-93.798c-5.517 0-9.99-4.473-9.99-9.99v-36.909c0-5.517 4.473-9.99 9.99-9.99h93.798c5.517 0 9.99 4.473 9.99 9.99v36.909c0 5.517-4.473 9.99-9.99 9.99z"
/>
<path
fill="#d0e2e7"
d="M354.111 369.778H157.889a1.445 1.445 0 0 1-1.445-1.445v-53.999c0-.798.647-1.445 1.445-1.445h196.222c.798 0 1.445.647 1.445 1.445v53.999c0 .798-.647 1.445-1.445 1.445z"
/>
<g fill="#617881">
<circle cx="184.888" cy="341.333" r="7.726" />
<circle cx="213.333" cy="341.333" r="7.726" />
<circle cx="241.778" cy="341.333" r="7.726" />
<circle cx="270.224" cy="341.333" r="7.726" />
<circle cx="298.669" cy="341.333" r="7.726" />
<circle cx="327.114" cy="341.333" r="7.726" />
</g>
</svg>
More icons in the same style and category