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 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 14.142-11.464 25.606-25.606 25.606h-335.343c-14.142 0-25.607-11.464-25.607-25.606v-57.227H0Z"
transform="translate(449.278 478.894)"
fill="#9f74bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c14.142 0 25.606-11.465 25.606-25.606v-57.227h40v57.227C25.606-11.465 14.142 0 0 0"
transform="translate(423.671 504.5)"
fill="#925cb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-388.561c0-14.141 11.464-25.606 25.606-25.606h335.343c14.142 0 25.607 11.465 25.607 25.606V0z"
transform="translate(62.722 421.667)"
fill="#f0f4f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-308.808c0-47.142-38.217-85.359-85.359-85.359h-260.58c2.556-11.445 12.774-20 24.99-20H14.394c14.142 0 25.606 11.465 25.606 25.606V0Z"
transform="translate(409.278 421.667)"
fill="#dbebf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.624-6.181-13.806-13.805-13.806-7.625 0-13.806 6.182-13.806 13.806 0 7.625 6.181 13.806 13.806 13.806C-6.181 13.806 0 7.625 0 0"
transform="translate(421.666 463.083)"
fill="#f0f4f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.146-5.43 13.024-12.389 13.734v-27.467C-5.43-13.024 0-7.146 0 0"
transform="translate(421.666 463.083)"
fill="#dbebf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.624-6.181-13.806-13.806-13.806-7.624 0-13.805 6.182-13.805 13.806 0 7.625 6.181 13.806 13.805 13.806C-6.181 13.806 0 7.625 0 0"
transform="translate(366.444 463.083)"
fill="#f0f4f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.624-6.181-13.806-13.806-13.806-7.624 0-13.805 6.182-13.805 13.806 0 7.625 6.181 13.806 13.805 13.806C-6.181 13.806 0 7.625 0 0"
transform="translate(311.222 463.083)"
fill="#f0f4f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.438 9.271-20.709 20.708-20.709 11.437 0 20.709 9.271 20.709 20.709 0 11.437-9.272 20.708-20.709 20.708S0 11.437 0 0"
transform="translate(331.93 359.542)"
fill="#e8566a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.438 9.271 20.709 20.708 20.709 11.437 0 20.709-9.271 20.709-20.709 0-11.437-9.272-20.708-20.709-20.708S0-11.437 0 0"
transform="translate(331.93 262.902)"
fill="#a2e52c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.437 0 20.708 9.271 20.708 20.709 0 11.437-9.271 20.708-20.708 20.708-11.437 0-20.708-9.271-20.708-20.708C-20.708 9.271-11.437 0 0 0"
transform="translate(304.32 290.514)"
fill="#fdde2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.437 0-20.708 9.271-20.708 20.709 0 11.437 9.271 20.708 20.708 20.708 11.437 0 20.708-9.271 20.708-20.708C20.708 9.271 11.437 0 0 0"
transform="translate(400.959 290.514)"
fill="#62b5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.938c7.294 3.204 12.389 10.491 12.389 18.969C12.389-10.491 7.294-3.204 0 0"
transform="translate(409.278 330.191)"
fill="#27a3fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.681 19.682c.193.192.454.3.726.3h29.189c.567 0 1.027-.46 1.027-1.027v-39.362c0-.568-.46-1.028-1.027-1.028H20.407a1.03 1.03 0 0 0-.726.301L0-1.452A1.027 1.027 0 0 0 0 0"
transform="translate(177.766 311.948)"
fill="#557982"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-19.682 19.682c-.192.192-.3.454-.3.726v29.189c0 .567.46 1.027 1.027 1.027h39.362c.567 0 1.027-.46 1.027-1.027v-29.19c0-.272-.108-.533-.301-.725L1.453 0A1.028 1.028 0 0 0 0 0"
transform="translate(158.635 329.626)"
fill="#557982"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.681-19.682c.193-.192.3-.454.3-.726v-29.189c0-.567-.46-1.027-1.026-1.027h-39.363c-.567 0-1.027.46-1.027 1.027v29.189c0 .272.108.533.301.726L-1.453 0C-1.052.4-.401.4 0 0"
transform="translate(160.088 292.818)"
fill="#557982"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.681-19.682a1.027 1.027 0 0 0 0-1.452L0-40.815a1.025 1.025 0 0 0-.726-.301h-29.19c-.567 0-1.027.46-1.027 1.027V-.727c0 .568.46 1.028 1.027 1.028H-.727C-.454.301-.193.192 0 0"
transform="translate(121.276 331.63)"
fill="#557982"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-91.05c-5.355 0-9.697 4.341-9.697 9.697v35.827c0 5.356 4.342 9.698 9.697 9.698H0c5.355 0 9.697-4.342 9.697-9.698V9.697C9.697 4.341 5.355 0 0 0"
transform="translate(301.525 62.723)"
fill="#a2e52c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.473c-.775 0-1.402.628-1.402 1.402v52.417c0 .775.627 1.403 1.402 1.403H0c.775 0 1.402-.628 1.402-1.403V1.402C1.402.628.775 0 0 0"
transform="translate(351.236 145.556)"
fill="#cae3e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h289.466v57.227c0 14.141-11.464 25.606-25.606 25.606H-71.483c-14.142 0-25.606-11.465-25.606-25.606V0H-35"
transform="translate(159.811 421.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v47.773"
transform="translate(449.278 373.894)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-388.561c0-14.141 11.464-25.606 25.606-25.606h335.343c14.142 0 25.607 11.465 25.607 25.606v305.788"
transform="translate(62.722 421.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.624-6.181-13.806-13.805-13.806-7.625 0-13.806 6.182-13.806 13.806 0 7.625 6.181 13.806 13.806 13.806C-6.181 13.806 0 7.625 0 0Z"
transform="translate(421.666 463.083)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.624-6.181-13.806-13.806-13.806-7.624 0-13.805 6.182-13.805 13.806 0 7.625 6.181 13.806 13.805 13.806C-6.181 13.806 0 7.625 0 0Z"
transform="translate(366.444 463.083)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.624-6.181-13.806-13.806-13.806-7.624 0-13.805 6.182-13.805 13.806 0 7.625 6.181 13.806 13.805 13.806C-6.181 13.806 0 7.625 0 0Z"
transform="translate(311.222 463.083)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-11.438 9.271-20.709 20.708-20.709 11.437 0 20.709 9.271 20.709 20.709 0 11.437-9.272 20.708-20.709 20.708S0 11.437 0 0Z"
transform="translate(331.93 359.542)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.438 9.271 20.709 20.708 20.709 11.437 0 20.709-9.271 20.709-20.709 0-11.437-9.272-20.708-20.709-20.708S0-11.437 0 0Z"
transform="translate(331.93 262.902)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.437 0 20.708 9.271 20.708 20.709 0 11.437-9.271 20.708-20.708 20.708-11.437 0-20.708-9.271-20.708-20.708C-20.708 9.271-11.437 0 0 0Z"
transform="translate(304.32 290.514)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-11.437 0-20.708 9.271-20.708 20.709 0 11.437 9.271 20.708 20.708 20.708 11.437 0 20.708-9.271 20.708-20.708C20.708 9.271 11.437 0 0 0Z"
transform="translate(400.959 290.514)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.681 19.682c.193.192.454.3.726.3h29.189c.567 0 1.027-.46 1.027-1.027v-39.362c0-.568-.46-1.028-1.027-1.028H20.407a1.03 1.03 0 0 0-.726.301L0-1.452A1.027 1.027 0 0 0 0 0z"
transform="translate(177.766 311.948)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-19.682 19.682c-.192.192-.3.454-.3.726v29.189c0 .567.46 1.027 1.027 1.027h39.362c.567 0 1.027-.46 1.027-1.027v-29.19c0-.272-.108-.533-.301-.725L1.453 0A1.028 1.028 0 0 0 0 0Z"
transform="translate(158.635 329.626)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.681-19.682c.193-.192.3-.454.3-.726v-29.189c0-.567-.46-1.027-1.026-1.027h-39.363c-.567 0-1.027.46-1.027 1.027v29.189c0 .272.108.533.301.726L-1.453 0C-1.052.4-.401.4 0 0Z"
transform="translate(160.088 292.818)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.681-19.682a1.027 1.027 0 0 0 0-1.452L0-40.815a1.025 1.025 0 0 0-.726-.301h-29.19c-.567 0-1.027.46-1.027 1.027V-.727c0 .568.46 1.028 1.027 1.028H-.727C-.454.301-.193.192 0 0Z"
transform="translate(121.276 331.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-91.05c-5.355 0-9.697 4.341-9.697 9.697v35.827c0 5.356 4.342 9.698 9.697 9.698H0c5.355 0 9.697-4.342 9.697-9.698V9.697C9.697 4.341 5.355 0 0 0Z"
transform="translate(301.525 62.723)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-10.966c-.775 0-1.402.628-1.402 1.402v52.417c0 .775.627 1.403 1.402 1.403h190.473c.775 0 1.402-.628 1.402-1.403V1.402c0-.774-.627-1.402-1.402-1.402H35"
transform="translate(171.73 145.556)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(186.972 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(214.583 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(242.195 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(269.807 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(297.418 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(325.03 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category