Add icons to this collection by clicking the heart icon.
Login icon - also known as user, profile, security, secure, sign in, log in, account, social media, login, and password entry. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="31.135"
x2="33.135"
y1=".36"
y2="66.36"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6adbff" />
<stop offset=".155" stop-color="#44b0ff" />
<stop offset=".441" stop-color="#0065ff" />
<stop offset=".502" stop-color="#0a62ff" />
<stop offset=".606" stop-color="#2559ff" />
<stop offset=".741" stop-color="#504bff" />
<stop offset=".898" stop-color="#8c38ff" />
<stop offset="1" stop-color="#b62aff" />
</linearGradient>
<linearGradient
id="b"
x1="8.577"
x2="10.577"
y1="1.043"
y2="67.043"
href="#a"
/>
<linearGradient
id="c"
x1="16.57"
x2="18.57"
y1=".801"
y2="66.801"
href="#a"
/>
<linearGradient
id="d"
x1="24.562"
x2="26.562"
y1=".559"
y2="66.559"
href="#a"
/>
<linearGradient
id="e"
x1="31.072"
x2="33.072"
y1=".361"
y2="66.361"
href="#a"
/>
<linearGradient
id="f"
x1="31.586"
x2="33.586"
y1=".346"
y2="66.346"
href="#a"
/>
<linearGradient
id="g"
x1="31.102"
x2="33.102"
y1=".361"
y2="66.361"
href="#a"
/>
<linearGradient
id="h"
x1="30.86"
x2="32.86"
y1=".368"
y2="66.368"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M57 44V13.818a1 1 0 0 0-1-1H46a1 1 0 0 0 0 2h9V43H9V14.818h9a1 1 0 0 0 0-2H8a1 1 0 0 0-1 1V44a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1z"
/>
<path fill="url(#b)" d="M8 47a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M16 47a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M24 47a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path
fill="url(#e)"
d="M60 9H46a1 1 0 0 0 0 2h13v40H5V11h13a1 1 0 0 0 0-2H4a1 1 0 0 0-1 1v42a1 1 0 0 0 1 1h22.382l-3 6H16a1 1 0 0 0 0 2h32a1 1 0 0 0 0-2h-7.382l-3-6H60a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1zM38.382 59H25.618l3-6h6.764z"
/>
<path
fill="url(#f)"
d="M32 25a11 11 0 1 0-11-11 11.005 11.005 0 0 0 11 11zm0-2a8.954 8.954 0 0 1-5.645-1.993 5.666 5.666 0 0 1 11.29 0A8.954 8.954 0 0 1 32 23zm-2.333-11.5A2.333 2.333 0 1 1 32 13.833a2.334 2.334 0 0 1-2.333-2.333zM32 5a9 9 0 0 1 7.324 14.229 7.7 7.7 0 0 0-4.2-4.73 4.333 4.333 0 1 0-6.254 0 7.7 7.7 0 0 0-4.2 4.73A9 9 0 0 1 32 5z"
/>
<path
fill="url(#g)"
d="M19 32a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H20a1 1 0 0 0-1 1zm2-3h22v2H21z"
/>
<path
fill="url(#h)"
d="M20 41h24a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H20a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h22v2H21z"
/>
</g>
</svg>
More icons in the same style and category