Add icons to this collection by clicking the heart icon.
Log In icon - also known as email, mail, letter, password, log in, ui, security system, and communications. 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="21.95"
x2="387.8"
y1="44.1"
y2="545.86"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="-139.19"
x2="226.66"
y1="161.6"
y2="663.35"
href="#a"
/>
<linearGradient
id="c"
x1="155.95"
x2="521.8"
y1="-53.6"
y2="448.15"
href="#a"
/>
<linearGradient
id="d"
x1="-91.71"
x2="274.14"
y1="126.98"
y2="628.74"
href="#a"
/>
<linearGradient
id="e"
x1="-26.43"
x2="339.43"
y1="79.38"
y2="581.13"
href="#a"
/>
<linearGradient
id="f"
x1="38.86"
x2="404.72"
y1="31.77"
y2="533.53"
href="#a"
/>
<linearGradient
id="g"
x1="129.56"
x2="495.42"
y1="-34.36"
y2="467.39"
href="#a"
/>
<linearGradient
id="h"
x1="64.96"
x2="430.81"
y1="12.74"
y2="514.5"
href="#a"
/>
<linearGradient
id="i"
x1="110.45"
x2="476.31"
y1="-20.43"
y2="481.33"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M439.79 298.83H77.34A69.34 69.34 0 0 0 28 319.26a70.21 70.21 0 0 0-16.7 26.81 6 6 0 1 0 11.35 3.87 58.08 58.08 0 0 1 13.85-22.19 57.39 57.39 0 0 1 40.84-16.92H340.5v115.55H77.34a57.92 57.92 0 0 1-52.69-34 6 6 0 1 0-10.93 4.94 69.94 69.94 0 0 0 63.62 41.1h362.45a69.78 69.78 0 1 0 0-139.55zm40.86 110.62a57.41 57.41 0 0 1-40.86 16.93H352.5V310.83h87.29a57.77 57.77 0 0 1 40.86 98.62z"
/>
<path
fill="url(#b)"
d="M14.69 381.87a6 6 0 0 0 5.31-6.66 57.66 57.66 0 0 1-.38-6.61v-1.59a6 6 0 1 0-12-.16v1.75a68.33 68.33 0 0 0 .47 8 6 6 0 0 0 6 5.31c.13 0 .36-.02.6-.04z"
/>
<path
fill="url(#c)"
d="M223.78 209.4a52.76 52.76 0 0 0 78 0L404.29 97a6 6 0 0 0-.11-8.2 48.89 48.89 0 0 0-35.53-15.12H156.9a48.87 48.87 0 0 0-35.53 15.12 6 6 0 0 0-.11 8.2zM156.9 85.63h211.75a37 37 0 0 1 22.71 7.69l-98.46 108a40.76 40.76 0 0 1-60.25 0l-98.46-108a37 37 0 0 1 22.71-7.69z"
/>
<path
fill="url(#d)"
d="M47 371.4a6 6 0 0 0 6 6h19l-13.47 13.49a6 6 0 0 0 8.47 8.49l13.5-13.49V405a6 6 0 0 0 12 0v-19.11l13.5 13.49a6 6 0 0 0 8.49-8.49L101 377.4h19.07a6 6 0 0 0 0-12H101l13.49-13.48a6 6 0 0 0-8.49-8.49l-13.5 13.49v-19.08a6 6 0 0 0-12 0v19.08L67 343.43a6 6 0 0 0-8.49 8.49L72 365.4H53a6 6 0 0 0-6 6z"
/>
<path
fill="url(#e)"
d="M147 371.4a6 6 0 0 0 6 6h19l-13.49 13.49a6 6 0 0 0 8.49 8.49l13.48-13.49V405a6 6 0 1 0 12 0v-19.11L206 399.38a6 6 0 1 0 8.49-8.49L201 377.4h19.07a6 6 0 1 0 0-12H201l13.49-13.48a6 6 0 1 0-8.49-8.49l-13.5 13.49v-19.08a6 6 0 1 0-12 0v19.08L167 343.43a6 6 0 0 0-8.49 8.49L172 365.4h-19a6 6 0 0 0-6 6z"
/>
<path
fill="url(#f)"
d="M247 371.4a6 6 0 0 0 6 6h19l-13.49 13.49a6 6 0 0 0 8.49 8.49l13.48-13.49V405a6 6 0 1 0 12 0v-19.11L306 399.38a6 6 0 0 0 8.49-8.49L301 377.4h19.07a6 6 0 1 0 0-12H301l13.49-13.48a6 6 0 0 0-8.49-8.49l-13.5 13.49v-19.08a6 6 0 1 0-12 0v19.08L267 343.43a6 6 0 0 0-8.49 8.49L272 365.4h-19a6 6 0 0 0-6 6z"
/>
<path
fill="url(#g)"
d="M432.9 328.76a6 6 0 0 0-8.13 8.83l27.13 25h-72.4a6 6 0 0 0 0 12h72.4l-27.13 25a6 6 0 1 0 8.13 8.82L471.33 373a7 7 0 0 0 .84-1 6.07 6.07 0 0 0-.84-7.86z"
/>
<path
fill="url(#h)"
d="M317.16 184.44a6 6 0 0 0-4.43-2 6 6 0 0 0-4.44 2l-15.39 16.88a40.76 40.76 0 0 1-60.25 0l-15.4-16.88a6 6 0 0 0-8.86 0L121.26 280a6 6 0 0 0 .11 8.2 48.87 48.87 0 0 0 35.53 15.12h211.75a48.89 48.89 0 0 0 35.53-15.12 6 6 0 0 0 .11-8.2zm51.49 106.88H156.9a37 37 0 0 1-22.71-7.69l78.63-86.25 11 12a52.76 52.76 0 0 0 78 0l11-12 78.63 86.25a37 37 0 0 1-22.8 7.69z"
/>
<path
fill="url(#i)"
d="M368.65 73.63H156.9a49.36 49.36 0 0 0-49.31 49.3V254a49.36 49.36 0 0 0 49.31 49.3h211.75A49.36 49.36 0 0 0 418 254V122.93a49.36 49.36 0 0 0-49.35-49.3zM406 254a37.34 37.34 0 0 1-37.31 37.3H156.9a37.34 37.34 0 0 1-37.31-37.3V122.93a37.34 37.34 0 0 1 37.31-37.3h211.75a37.34 37.34 0 0 1 37.35 37.3z"
/>
</g>
</svg>
More icons in the same style and category