Add icons to this collection by clicking the heart icon.
User icon - also known as interface, user, connection, profile, networking, avatar, ui, account, and social media. Created in a clean flat 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 32 32"
>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 29 -29 0 15.807 20)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7dcf8" />
<stop offset="1" stop-color="#4560fa" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#2196f3" />
<stop offset="1" stop-color="#005faa" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.972 17.315) scale(12.296)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 17.722 -17.722 0 15.807 13)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb7bd" />
<stop offset="1" stop-color="#ff2c3e" />
</linearGradient>
<radialGradient
id="f"
cx="16.343"
cy="16.75"
r="60.657"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#455a63" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 11.06 -11.06 0 6.5 6)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 11 -11 0 26.254 25.5)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<circle cx="16" cy="16" r="9.75" fill="url(#c)" />
<path
fill="url(#d)"
d="M20.8 18.9c0-.729-.29-1.429-.805-1.945a2.755 2.755 0 0 0-1.945-.805h-4.1c-.729 0-1.429.29-1.945.805A2.755 2.755 0 0 0 11.2 18.9v.6c0 .966.783 1.75 1.75 1.75h6.1a1.75 1.75 0 0 0 1.75-1.75z"
/>
<circle cx="16" cy="13" r="2.55" fill="url(#e)" />
<path
fill="url(#f)"
d="M7.477 3.964a.75.75 0 0 0-.137 1.099 1.574 1.574 0 0 1-2.225 2.212.747.747 0 0 0-1.1.129A14.68 14.68 0 0 0 1.25 16c0 3.173 1.004 6.113 2.711 8.519a.748.748 0 0 0 1.119.119 1.572 1.572 0 0 1 2.216 2.23.75.75 0 0 0 .112 1.119c2.42 1.739 5.388 2.763 8.592 2.763s6.172-1.024 8.592-2.763a.75.75 0 0 0 .112-1.119 1.572 1.572 0 0 1 2.216-2.23.753.753 0 0 0 1.119-.119A14.673 14.673 0 0 0 30.75 16a14.68 14.68 0 0 0-2.765-8.596.751.751 0 0 0-1.1-.129 1.574 1.574 0 0 1-2.225-2.212.752.752 0 0 0-.136-1.099C22.116 2.255 19.174 1.25 16 1.25S9.884 2.255 7.477 3.964zm1.456.829C10.979 3.499 13.402 2.75 16 2.75s5.021.749 7.067 2.043a3.075 3.075 0 0 0 4.097 4.072A13.183 13.183 0 0 1 29.25 16c0 2.588-.743 5.003-2.028 7.044a3.076 3.076 0 0 0-3.538.58 3.078 3.078 0 0 0-.573 3.555C21.056 28.49 18.616 29.25 16 29.25s-5.056-.76-7.111-2.071a3.078 3.078 0 0 0-.573-3.555 3.076 3.076 0 0 0-3.538-.58A13.177 13.177 0 0 1 2.75 16c0-2.626.766-5.075 2.086-7.135a3.075 3.075 0 0 0 4.097-4.072z"
/>
<path
fill="url(#g)"
d="M28.031 3.91a3.075 3.075 0 0 0-4.347 4.346 3.075 3.075 0 0 0 4.347-4.346z"
/>
<path
fill="url(#h)"
d="M28.031 27.971a3.076 3.076 0 0 0 0-4.347 3.076 3.076 0 0 0-4.347 0 3.076 3.076 0 0 0 0 4.347 3.076 3.076 0 0 0 4.347 0zM3.969 27.971a3.076 3.076 0 0 0 4.347 0 3.076 3.076 0 0 0 0-4.347 3.076 3.076 0 0 0-4.347 0 3.076 3.076 0 0 0 0 4.347z"
/>
<path
fill="url(#g)"
d="M3.969 3.91a3.075 3.075 0 1 0 4.347 0 3.075 3.075 0 0 0-4.347 0z"
/>
</g>
</svg>
More icons in the same style and category