Add icons to this collection by clicking the heart icon.
Login icon - also known as user, verification, security, website, password, browser, and login. Created in a clean lineal color 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"
>
<rect width="60" height="60" x="2" y="2" fill="#ccc" rx="4" />
<path fill="#fff" d="M4 15h56v42a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V15z" />
<rect width="44" height="8" x="10" y="50" fill="#f3a845" rx="4" />
<path
fill="#eecc61"
d="M50 50H14a4 4 0 0 0-4 4 3.955 3.955 0 0 0 .555 2H48a3 3 0 0 0 3-3v-2.859A3.977 3.977 0 0 0 50 50z"
/>
<rect width="44" height="8" x="10" y="38" fill="#2763bb" rx="4" />
<path
fill="#3079e6"
d="M50 38H14a4 4 0 0 0-4 4 3.955 3.955 0 0 0 .555 2H48a3 3 0 0 0 3-3v-2.859A3.977 3.977 0 0 0 50 38z"
/>
<path fill="#2763bb" d="M58 2H6a4 4 0 0 0-4 4v9h60V6a4 4 0 0 0-4-4z" />
<path fill="#3079e6" d="M54 12a3 3 0 0 0 3-3V2H6a4 4 0 0 0-4 4v6z" />
<g fill="#fff">
<circle cx="8" cy="8" r="2" />
<circle cx="15" cy="8" r="2" />
<circle cx="22" cy="8" r="2" />
<rect width="22" height="4" x="28" y="6" rx="2" />
</g>
<circle cx="32" cy="21" r="3" fill="#fddfb1" />
<path fill="#2763bb" d="M31 24h2a4 4 0 0 1 4 4v6H27v-6a4 4 0 0 1 4-4z" />
<path
fill="#3079e6"
d="M32 32a3 3 0 0 0 3-3v-4.445A3.955 3.955 0 0 0 33 24h-2a4 4 0 0 0-4 4v4z"
/>
<path
d="M58 1H6a5.006 5.006 0 0 0-5 5v52a5.006 5.006 0 0 0 5 5h52a5.006 5.006 0 0 0 5-5V6a5.006 5.006 0 0 0-5-5zM6 3h52a3 3 0 0 1 3 3v7H3V6a3 3 0 0 1 3-3zm52 58H6a3 3 0 0 1-3-3V15h58v43a3 3 0 0 1-3 3z"
/>
<path
d="M8 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM15 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM22 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM56 11a2.951 2.951 0 0 0 1.285-.3l1.008 1.008 1.414-1.414L58.7 9.285A2.951 2.951 0 0 0 59 8a3 3 0 1 0-3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM30 11h18a3 3 0 0 0 0-6H30a3 3 0 0 0 0 6zm0-4h18a1 1 0 0 1 0 2H30a1 1 0 0 1 0-2zM50 49H14a5 5 0 0 0 0 10h36a5 5 0 0 0 0-10zm0 8H14a3 3 0 0 1 0-6h36a3 3 0 0 1 0 6zM50 37H14a5 5 0 0 0 0 10h36a5 5 0 0 0 0-10zm0 8H14a3 3 0 0 1 0-6h36a3 3 0 0 1 0 6zM27 35h10a1 1 0 0 0 1-1v-6a4.994 4.994 0 0 0-2.89-4.516A3.961 3.961 0 0 0 36 21a4 4 0 0 0-8 0 3.961 3.961 0 0 0 .89 2.484A4.994 4.994 0 0 0 26 28v6a1 1 0 0 0 1 1zm5-16a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm-4 9a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v5h-8z"
/>
<path
d="M15 53h2v2h-2zM19 53h2v2h-2zM23 53h2v2h-2zM27 53h2v2h-2zM35 53h2v2h-2zM39 53h2v2h-2zM43 53h2v2h-2zM47 53h2v2h-2zM31 53h2v2h-2zM15 41h34v2H15z"
/>
</svg>
More icons in the same style and category