Add icons to this collection by clicking the heart icon.
Log In icon - also known as web, security, website, password, log in, secret, communications, and enter. Created in a clean flat style with a white, gray, yellow, teal, 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 511.995 511.995"
>
<path
fill="#3c87d0"
d="M447.324 66.548H64.671V14.557C64.671 6.518 71.189 0 79.229 0h353.538c8.04 0 14.557 6.518 14.557 14.557z"
/>
<path
fill="#0078c8"
d="M432.767 0h-37.433c8.04 0 14.557 6.518 14.557 14.557v51.991h37.433V14.557C447.324 6.518 440.807 0 432.767 0z"
/>
<path
fill="#dff6fd"
d="M432.767 511.995H79.229c-8.04 0-14.557-6.518-14.557-14.557V66.548h382.653v430.889c-.001 8.041-6.518 14.558-14.558 14.558z"
/>
<path
fill="#c8effe"
d="M409.891 66.548v430.889c0 8.04-6.518 14.557-14.557 14.557h37.433c8.04 0 14.557-6.518 14.557-14.557V66.548z"
/>
<path
fill="#62dbfb"
d="M370.378 255.795h-228.76c-5.743 0-10.398-4.655-10.398-10.398v-45.752c0-5.743 4.655-10.398 10.398-10.398h228.76c5.743 0 10.398 4.655 10.398 10.398v45.752c0 5.743-4.656 10.398-10.398 10.398z"
/>
<path
fill="#3c87d0"
d="M247.679 155.973H139.538a8.319 8.319 0 0 1-8.319-8.319v-16.637a8.319 8.319 0 0 1 8.319-8.319h108.141a8.319 8.319 0 0 1 8.319 8.319v16.637a8.32 8.32 0 0 1-8.319 8.319z"
/>
<path
fill="#62dbfb"
d="M370.378 363.936h-228.76c-5.743 0-10.398-4.655-10.398-10.398v-45.752c0-5.743 4.655-10.398 10.398-10.398h228.76c5.743 0 10.398 4.655 10.398 10.398v45.752c0 5.743-4.656 10.398-10.398 10.398z"
/>
<path
fill="#a2e62e"
d="M310.068 430.485H201.927a8.319 8.319 0 0 1-8.319-8.319v-16.637a8.319 8.319 0 0 1 8.319-8.319h108.141a8.319 8.319 0 0 1 8.319 8.319v16.637a8.319 8.319 0 0 1-8.319 8.319z"
/>
<circle cx="102.105" cy="33.274" r="7.5" fill="#fd8087" />
<circle cx="137.458" cy="33.274" r="7.5" fill="#ffe177" />
<circle cx="172.812" cy="33.274" r="7.5" fill="#a2e62e" />
<g fill="#8d9ca8">
<circle cx="175.967" cy="330.662" r="7.5" />
<circle cx="207.979" cy="330.662" r="7.5" />
<circle cx="239.992" cy="330.662" r="7.5" />
<circle cx="272.004" cy="330.662" r="7.5" />
<circle cx="304.016" cy="330.662" r="7.5" />
<circle cx="336.028" cy="330.662" r="7.5" />
</g>
</svg>
More icons in the same style and category