Add icons to this collection by clicking the heart icon.
Log In icon - also known as button, security, password, log in, private, ui, access, and privacy. 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 512 512"
>
<linearGradient
id="a"
x1="400.89"
x2="115.32"
y1="520.29"
y2="-.63"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="219.89"
x2="-65.67"
y1="619.51"
y2="98.59"
href="#a"
/>
<linearGradient
id="c"
x1="400.88"
x2="115.32"
y1="520.29"
y2="-.63"
href="#a"
/>
<linearGradient
id="d"
x1="407.79"
x2="122.23"
y1="516.5"
y2="-4.41"
href="#a"
/>
<linearGradient
id="e"
x1="459.97"
x2="174.41"
y1="487.9"
y2="-33.02"
href="#a"
/>
<linearGradient
id="f"
x1="279.88"
x2="-5.68"
y1="586.62"
y2="65.71"
href="#a"
/>
<linearGradient
id="g"
x1="502.38"
x2="216.81"
y1="464.65"
y2="-56.27"
href="#a"
/>
<linearGradient
id="h"
x1="338.14"
x2="52.58"
y1="554.69"
y2="33.77"
href="#a"
/>
<linearGradient
id="i"
x1="478.87"
x2="193.31"
y1="477.54"
y2="-43.38"
href="#a"
/>
<linearGradient
id="j"
x1="388.09"
x2="102.52"
y1="527.3"
y2="6.39"
href="#a"
/>
<linearGradient
id="k"
x1="560.52"
x2="274.95"
y1="432.78"
y2="-88.14"
href="#a"
/>
<linearGradient
id="l"
x1="322.89"
x2="37.33"
y1="563.04"
y2="42.13"
href="#a"
/>
<linearGradient
id="m"
x1="241.25"
x2="-44.32"
y1="607.8"
y2="86.88"
href="#a"
/>
<linearGradient
id="n"
x1="413.68"
x2="128.11"
y1="513.28"
y2="-7.64"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M457.28 140.06H54.71A49.77 49.77 0 0 0 5 189.77v25.28a6 6 0 0 0 12 0v-25.28a37.76 37.76 0 0 1 37.71-37.71h402.57A37.76 37.76 0 0 1 495 189.77v132.45a37.75 37.75 0 0 1-37.72 37.71H54.71A37.75 37.75 0 0 1 17 322.22v-60.37a6 6 0 0 0-12 0v60.37a49.77 49.77 0 0 0 49.71 49.71h402.57A49.77 49.77 0 0 0 507 322.22V189.77a49.77 49.77 0 0 0-49.72-49.71z"
/>
<path
fill="url(#b)"
d="M11 249a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M80.71 331.94h350.58A35.75 35.75 0 0 0 467 296.22v-80.44a35.75 35.75 0 0 0-35.71-35.72H80.71A35.75 35.75 0 0 0 45 215.78v80.44a35.75 35.75 0 0 0 35.71 35.72zM57 215.78a23.74 23.74 0 0 1 23.71-23.72h350.58A23.74 23.74 0 0 1 455 215.78v80.44a23.74 23.74 0 0 1-23.71 23.72H80.71A23.74 23.74 0 0 1 57 296.22z"
/>
<path
fill="url(#d)"
d="M265 304.27c17 0 32.35-12.6 38.26-31.35a6 6 0 0 0-5.72-7.8H275.2a6 6 0 1 0 0 12h13.23c-5.36 9.31-14.09 15.15-23.41 15.15-15.9 0-28.85-16.27-28.85-36.27s13-36.27 28.85-36.27c8.8 0 17 5 22.54 13.71a6 6 0 1 0 10.13-6.44c-7.77-12.24-19.69-19.27-32.69-19.27-22.52 0-40.85 21.65-40.85 48.27s18.35 48.27 40.85 48.27z"
/>
<path
fill="url(#e)"
d="M332.85 304.27a6 6 0 0 0 6-6v-84.54a6 6 0 0 0-12 0v84.54a6 6 0 0 0 6 6z"
/>
<path
fill="url(#f)"
d="M103.71 304.27h25.75a6 6 0 1 0 0-12h-25.75a.38.38 0 0 1-.38-.38v-78.16a6 6 0 0 0-12 0v78.16a12.4 12.4 0 0 0 12.38 12.38z"
/>
<path
fill="url(#g)"
d="M361.33 304.27a6 6 0 0 0 6-6v-67l40.07 69.29a7.12 7.12 0 0 0 13.27-3.56v-83.27a6 6 0 1 0-12 0v65l-38.85-67.17a7.77 7.77 0 0 0-14.49 3.89v82.77a6 6 0 0 0 6 6.05z"
/>
<path
fill="url(#h)"
d="M174.4 304.27c23.89 0 43.32-21.65 43.32-48.27s-19.43-48.27-43.32-48.27-43.32 21.65-43.32 48.27 19.43 48.27 43.32 48.27zm0-84.54c17.27 0 31.32 16.27 31.32 36.27s-14.05 36.27-31.32 36.27S143.08 276 143.08 256s14.05-36.27 31.32-36.27z"
/>
<path
fill="url(#i)"
d="M256 114a6 6 0 0 0 6-6V34a6 6 0 0 0-12 0v74a6 6 0 0 0 6 6z"
/>
<path
fill="url(#j)"
d="M165.8 112.23a6 6 0 1 0 8.48-8.49L122 51.42a6 6 0 0 0-8.49 8.48z"
/>
<path
fill="url(#k)"
d="M342 114a6 6 0 0 0 4.24-1.75l52.29-52.35a6 6 0 0 0-8.53-8.48l-52.32 52.32A6 6 0 0 0 342 114z"
/>
<path
fill="url(#l)"
d="M256 398a6 6 0 0 0-6 6v74a6 6 0 0 0 12 0v-74a6 6 0 0 0-6-6z"
/>
<path
fill="url(#m)"
d="m165.8 399.77-52.33 52.33a6 6 0 1 0 8.49 8.48l52.32-52.32a6 6 0 1 0-8.48-8.49z"
/>
<path
fill="url(#n)"
d="M346.2 399.77a6 6 0 0 0-8.48 8.49L390 460.58a6 6 0 0 0 8.49-8.48z"
/>
</g>
</svg>
More icons in the same style and category