Add icons to this collection by clicking the heart icon.
Log In icon - also known as computer, screen, arrow, door, log in, and social media. Created in a clean lineal color style with a white, silver, gray, black, lime, and navy 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>
<path
d="M313.983 43.671H198.017V137h115.966z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b0bcd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M290.983 43.671h23V137h-23z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#93a4c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-18.298 14.834-33.132 33.133-33.132h430.731c18.299 0 33.133 14.834 33.133 33.132v298.203c0 18.298-14.834 33.132-33.133 33.132H33.133C14.834 331.335 0 316.501 0 298.203Z"
transform="translate(7.501 156.598)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v275.63a6 6 0 0 0 6 6h418.734a6 6 0 0 0 6-6V0"
transform="translate(40.633 173.168)"
fill="#5893d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v16.57h-496.997V0c0-18.298 14.834-33.132 33.133-33.132h430.731C-14.834-33.132 0-18.298 0 0"
transform="translate(504.498 156.598)"
fill="#d3d6db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c18.299 0 33.133-14.834 33.133-33.133v-298.202c0-18.299-14.834-33.133-33.133-33.133H0c18.299 0 33.133 14.834 33.133 33.133v298.202C33.133-14.834 18.299 0 0 0"
transform="translate(471.365 487.934)"
fill="#222831"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.298-14.834-33.132-33.133-33.132h23C8.166-33.132 23-18.298 23 0v16.57H0Z"
transform="translate(481.498 156.598)"
fill="#b0bcd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.002a6 6 0 0 0 6-6v-275.631H6V-6a6 6 0 0 1-6 6"
transform="translate(465.367 454.8)"
fill="#4876c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-219.933a6 6 0 0 1-6-6v-21.132a6 6 0 0 1 6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(365.967 57.199)"
fill="#d3d6db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a6 6 0 0 0 6-6v-21.132a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(365.967 57.199)"
fill="#b0bcd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.328 28.606c2.879 2.399 2.879 6.82 0 9.219L0 66.432c-3.907 3.256-9.841.477-9.841-4.61v-6.04a6 6 0 0 0-6-6h-37.7a6 6 0 0 1-6-6V22.649a6 6 0 0 1 6-6h37.7a6 6 0 0 0 6-6v-6.04C-9.841-.478-3.907-3.257 0 0"
transform="translate(166.44 280.768)"
fill="#85ef47"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-34.328 28.607c-3.907 3.256-9.841.477-9.841-4.609v-6.04c0-.103-.01-.203-.015-.304L-23 0c2.879-2.398 2.879-6.82 0-9.218l-21.184-17.654c.005-.101.015-.201.015-.304v-6.039c0-5.087 5.934-7.866 9.841-4.61L0-9.218C2.879-6.82 2.879-2.398 0 0"
transform="translate(200.769 318.592)"
fill="#41db41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-71.067a6 6 0 0 0-6 6v170.233a6 6 0 0 0 6 6H0Z"
transform="translate(316.5 222.867)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M282.699 222.867H316.5V405.1h-33.801z"
fill="#222831"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-87.4-14.567c-3.658-.609-6.987 2.211-6.987 5.919v201.2c0 3.708 3.329 6.529 6.987 5.919L0 183.904a6 6 0 0 0 5.014-5.918V5.918A6 6 0 0 0 0 0"
transform="translate(400.086 222.032)"
fill="#eef2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.929 3.655a6 6 0 0 0 3.943-5.634v-179.872c0-2.815-1.962-5.214-4.678-5.831L0-183.904a6 6 0 0 1 5.014 5.918V-5.918A6 6 0 0 1 0 0"
transform="translate(400.086 405.936)"
fill="#d3e6f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-233.499c0-18.298 14.834-33.132 33.133-33.132h430.731c18.299 0 33.133 14.834 33.133 33.132V64.704c0 18.299-14.834 33.133-33.133 33.133H33.133C14.834 97.837 0 83.003 0 64.704V30"
transform="translate(7.501 390.097)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M371.967 57.199H140.034V24.067h231.933z"
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 .001-66.263"
transform="translate(198.017 123.467)"
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 0v66.263"
transform="translate(313.983 57.204)"
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 0v33.132h-33.134V0"
transform="translate(272.567 57.204)"
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 0h497"
transform="translate(7.5 173.168)"
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 0v281.63h430.734V0"
transform="translate(40.633 173.168)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M305.699 222.867h-66.267V405.1h66.267z"
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-99.4-16.567V198.8L0 182.233Z"
transform="translate(405.1 222.867)"
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 49.7 41.417L0 82.833v-24.85h-49.7V24.85H0Z"
transform="translate(156.6 272.566)"
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 0h8.283"
transform="translate(334.691 313.983)"
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