Add icons to this collection by clicking the heart icon.
User icon - also known as computer, user, security, password, ui, account, and login. 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="-.004"
x2="64.329"
y1="64.336"
y2="-.664"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="4.995"
x2="69.329"
y1="69.284"
y2="4.284"
href="#a"
/>
<linearGradient
id="c"
x1="7.704"
x2="72.037"
y1="71.965"
y2="6.965"
href="#a"
/>
<linearGradient
id="d"
x1="15.786"
x2="80.12"
y1="79.965"
y2="14.965"
href="#a"
/>
<linearGradient
id="e"
x1="14.29"
x2="78.623"
y1="78.483"
y2="13.483"
href="#a"
/>
<linearGradient
id="f"
x1="-6.664"
x2="57.669"
y1="57.744"
y2="-7.256"
href="#a"
/>
<linearGradient
id="g"
x1="-11.004"
x2="53.33"
y1="53.449"
y2="-11.551"
href="#a"
/>
<linearGradient
id="h"
x1="-9.004"
x2="55.33"
y1="55.429"
y2="-9.571"
href="#a"
/>
<g>
<g fill="url(#a)">
<path
d="M60 54H4a3 3 0 0 1-3-3V13a3 3 0 0 1 3-3h16.38a1 1 0 0 1 0 2H4a1 1 0 0 0-1 1v38a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1H43.62a1 1 0 0 1 0-2H60a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3z"
/>
<path
d="M58 50H6a1 1 0 0 1-1-1V15a1 1 0 0 1 1-1h14.04a1 1 0 0 1 0 2H7v32h50V16H43.96a1 1 0 0 1 0-2H58a1 1 0 0 1 1 1v34a1 1 0 0 1-1 1z"
/>
<path
d="M47 36H17a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-29-2h28v-4H18z"
/>
</g>
<path
fill="url(#b)"
d="M47 46H17a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-29-2h28v-4H18z"
/>
<path
fill="url(#c)"
d="M24 59a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M40 59a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M50 63H14a1 1 0 0 1-1-1v-2a3 3 0 0 1 3-3h32a3 3 0 0 1 3 3v2a1 1 0 0 1-1 1zm-35-2h34v-1a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1z"
/>
<path
fill="url(#f)"
d="M38 22H26a1 1 0 0 1-1-1v-3a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v3a1 1 0 0 1-1 1zm-11-2h10v-2a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3z"
/>
<path
fill="url(#g)"
d="M32 15a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z"
/>
<path
fill="url(#h)"
d="M32 26.994a12.956 12.956 0 0 1-9.192-3.8 13.013 13.013 0 1 1 9.192 3.8zm-7.778-5.216a11 11 0 1 0 0-15.556 11.014 11.014 0 0 0 0 15.556z"
/>
</g>
</svg>
More icons in the same style and category