Add icons to this collection by clicking the heart icon.
Log In icon - also known as computer, communication, user, smartphone, security, mobile, cellphone, log in, and account. Created in a clean lineal color style with a white, silver, red, blue, navy, orange, 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 512 512"
>
<linearGradient
id="a"
x1="998.685"
x2="557.6"
y1="-5597.905"
y2="-6038.99"
gradientTransform="matrix(1 0 0 -1 -561.6 -5522.99)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd9d9" stop-opacity="0" />
<stop offset=".998" stop-color="#ffb3b3" />
</linearGradient>
<path
fill="url(#a)"
d="M411.152 155.152c-29.991 0-54.303-24.312-54.303-54.303C356.849 45.151 311.697 0 256 0S155.152 45.151 155.152 100.848c0 29.991-24.312 54.303-54.303 54.303C45.151 155.152 0 200.303 0 256s45.151 100.848 100.848 100.848c29.991 0 54.303 24.312 54.303 54.303C155.152 466.849 200.303 512 256 512s100.848-45.151 100.848-100.848c0-29.991 24.312-54.303 54.303-54.303C466.849 356.848 512 311.697 512 256s-45.151-100.848-100.848-100.848z"
/>
<path
fill="#8383ff"
d="M443 259h-3v-3a5 5 0 0 0-10 0v3h-3a5 5 0 0 0 0 10h3v3a5 5 0 0 0 10 0v-3h3a5 5 0 0 0 0-10zM110 392.638h-3v-3a5 5 0 0 0-10 0v3h-3a5 5 0 0 0 0 10h3v3a5 5 0 0 0 10 0v-3h3a5 5 0 0 0 0-10z"
/>
<path
fill="#ff9d33"
d="M92 341.532h-3v-3a5 5 0 0 0-10 0v3h-3a5 5 0 0 0 0 10h3v3a5 5 0 0 0 10 0v-3h3a5 5 0 0 0 0-10z"
/>
<path
fill="#ff6c6c"
d="M419 312.356a4.987 4.987 0 0 1-3.536-1.464L411 306.427l-4.464 4.464a5.001 5.001 0 0 1-7.071-7.071l8-8a5.001 5.001 0 0 1 7.071 0l8 8a5 5 0 0 1-3.536 8.536zM108 133.871a4.987 4.987 0 0 1-3.536-1.464L100 127.942l-4.464 4.464a5.001 5.001 0 0 1-7.071-7.071l8-8a5.001 5.001 0 0 1 7.071 0l8 8a5 5 0 0 1-3.536 8.536z"
/>
<path
fill="#2626bc"
d="M138.413 453.499V88.186c0-9.108 7.384-16.492 16.492-16.492h202.19c9.108 0 16.492 7.384 16.492 16.492v365.312c0 9.108-7.384 16.492-16.492 16.492h-202.19c-9.108.001-16.492-7.383-16.492-16.491z"
opacity=".1"
/>
<path
fill="#ff6c6c"
d="M138.413 423.814V58.501c0-9.108 7.384-16.492 16.492-16.492h202.19c9.108 0 16.492 7.384 16.492 16.492v365.312c0 9.108-7.384 16.492-16.492 16.492h-202.19c-9.108 0-16.492-7.383-16.492-16.491z"
/>
<path fill="#fff" d="M138.414 74.998h235.172v332.32H138.414z" />
<path fill="#ffc599" d="M138.414 74.998h235.172v74.383H138.414z" />
<g fill="#2626bc">
<path
d="M357.095 445.305h-202.19c-11.851 0-21.492-9.641-21.492-21.492v-200.18a5 5 0 0 1 10 0v200.18c0 6.336 5.155 11.492 11.492 11.492h202.189c6.337 0 11.492-5.155 11.492-11.492v-200.18a5 5 0 0 1 10 0v200.18c.001 11.851-9.641 21.492-21.491 21.492zM373.587 198.033a5 5 0 0 1-5-5V58.501c0-6.336-5.155-11.491-11.492-11.491h-202.19c-6.337 0-11.492 5.155-11.492 11.491v134.532a5 5 0 0 1-10 0V58.501c0-11.85 9.642-21.491 21.492-21.491h202.189c11.851 0 21.492 9.641 21.492 21.491v134.532a4.999 4.999 0 0 1-4.999 5z"
/>
</g>
<path
fill="#ffd9d9"
d="M334.873 263.813H172.547a5 5 0 0 1-5-5v-37.189a5 5 0 0 1 5-5h162.326a5 5 0 0 1 5 5v37.189a5 5 0 0 1-5 5zM334.873 346.32H172.547a5 5 0 0 1-5-5v-37.189a5 5 0 0 1 5-5h162.326a5 5 0 0 1 5 5v37.189a5 5 0 0 1-5 5z"
/>
<path
fill="#4d4dff"
d="M328.832 120.9v58.03c0 1.23-.75 2.35-1.9 2.82l-51.35 20.95c-.74.3-1.56.3-2.3 0l-51.35-20.95a3.055 3.055 0 0 1-1.9-2.82V120.9z"
/>
<path
fill="#2c27ff"
d="M328.832 120.9v19.06l-53.25 21.72c-.74.31-1.56.31-2.3 0l-53.25-21.72V120.9z"
/>
<path
fill="#8383ff"
d="m273.282 80.938-76.899 31.375c-2.526 1.031-2.526 4.608 0 5.639l76.899 31.375a3.045 3.045 0 0 0 2.301 0l76.899-31.375c2.526-1.031 2.526-4.608 0-5.639l-76.899-31.375a3.045 3.045 0 0 0-2.301 0z"
/>
<path
fill="#b3b3ff"
d="M311.58 330.477a5 5 0 0 1-5-5V139l-42.391-18.67a5 5 0 0 1-2.56-6.591 4.998 4.998 0 0 1 6.591-2.561l45.375 19.985a5.001 5.001 0 0 1 2.984 4.576v189.738a4.999 4.999 0 0 1-4.999 5z"
/>
<path
fill="#ff7300"
d="M319.23 376.236h-15.3a3.045 3.045 0 0 1-3.045-3.045v-17.678c0-5.907 4.788-10.695 10.695-10.695s10.695 4.788 10.695 10.695v17.678a3.045 3.045 0 0 1-3.045 3.045z"
/>
<circle cx="311.58" cy="338.152" r="11.734" fill="#ffc599" />
<g fill="#8383ff">
<circle cx="172.201" cy="286.194" r="5" />
<circle cx="188.451" cy="286.194" r="5" />
</g>
<g fill="#8383ff">
<circle cx="172.201" cy="204.855" r="5" />
<circle cx="188.451" cy="204.855" r="5" />
</g>
<path
fill="#d9d9ff"
d="M215.211 372.532h-43.52a5 5 0 1 1 0-10h43.52a5 5 0 1 1 0 10zM275.211 389.638h-103.52a5 5 0 1 1 0-10h103.52a5 5 0 1 1 0 10z"
/>
<g fill="#ff4d4d">
<circle cx="310.269" cy="60.716" r="4.815" />
<circle cx="326.585" cy="60.716" r="4.815" />
</g>
</svg>
More icons in the same style and category