Add icons to this collection by clicking the heart icon.
Log In icon - also known as technology, interface, security, register, password, log in, browser, ui, social media, and login. Created in a clean lineal color style with a white, silver, black, yellow, and orange 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="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 0v-48.486c0-13.84-11.219-25.059-25.059-25.059h-446.882c-13.84 0-25.059 11.219-25.059 25.059V0Z"
transform="translate(504.5 200.386)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-265.286h-497V0c0 13.839 11.219 25.059 25.059 25.059h446.882C-11.219 25.059 0 13.839 0 0"
transform="translate(504.5 465.672)"
fill="#a4fef1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-133.734l12.459 62.267h108.816z"
transform="translate(322.867 64.574)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M372.898 21.27H139.102v43.305h233.796zM457.168 237.73h-206.99v60.249h206.99zM457.168 339.368h-206.99v60.249h206.99z"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M205.289 237.73H54.832v111.602h150.457z"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-33v43.553c0 15.163-12.336 27.5-27.5 27.5S-88 58.716-88 43.553V0h-33v43.553c0 33.359 27.14 60.5 60.5 60.5S0 76.912 0 43.553z"
transform="translate(190.56 349.332)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.486h-20V0c0-13.84 11.219-25.059 25.059-25.059h20C11.219-25.059 0-13.84 0 0"
transform="translate(27.5 151.9)"
fill="#e2ecf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-13.839 0-25.059-11.22-25.059-25.059v-265.286h20v265.286C-25.059-11.22-13.839 0 0 0"
transform="translate(52.559 490.73)"
fill="#71e4bf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.459-62.267h20L20 0Z"
transform="translate(201.592 126.84)"
fill="#e2ecf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M139.102 21.27h20v43.305h-20zM250.179 237.73h20v60.249h-20zM250.179 339.368h20v60.249h-20z"
fill="#e2ecf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M54.832 237.73h20v111.602h-20z"
fill="#fcad42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60.595 60.595 0 0 1-10 .841c-33.36 0-60.5-27.141-60.5-60.5v-43.553h20v43.553C-50.5-29.707-28.616-4.782 0 0"
transform="translate(140.06 452.544)"
fill="#e2ecf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.527 0-6.898-.675-10-1.891C.232-5.899 7.5-15.864 7.5-27.5v-43.553h20V-27.5C27.5-12.337 15.164 0 0 0"
transform="translate(150.06 420.385)"
fill="#e2ecf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M457.168 237.73h-206.99v60.249h206.99z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M297.34 260.355h-15v15h15zM329.257 260.355h-15v15h15zM361.173 260.355h-15v15h15zM393.09 260.355h-15v15h15zM425.007 260.355h-15v15h15z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M457.168 339.368h-206.99v60.249h206.99z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M297.34 361.992h-15v15h15zM329.257 361.992h-15v15h15zM361.173 361.992h-15v15h15zM393.09 361.992h-15v15h15zM425.007 361.992h-15v15h15z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M205.289 237.73H54.832v111.602h150.457z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-33v43.553c0 15.163-12.336 27.5-27.5 27.5S-88 58.716-88 43.553V0h-33v43.553c0 33.359 27.14 60.5 60.5 60.5S0 76.912 0 43.553z"
transform="translate(190.56 349.332)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h102"
transform="translate(80.5 293.531)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,350"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h44.5c13.84 0 25.06 11.22 25.06 25.061V73.55h-497V25.061C-427.44 11.22-416.22 0-402.38 0H-15"
transform="translate(434.94 126.84)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-44.5c-13.84 0-25.06-11.221-25.06-25.061v-265.28h497v265.28C427.44-11.221 416.22 0 402.38 0H15"
transform="translate(77.06 490.73)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-133.734l12.459 62.267h108.816z"
transform="translate(322.867 64.574)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M372.898 21.27H139.102v43.305h233.796z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M263.5 156.113h-15v15h15z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category