Add icons to this collection by clicking the heart icon.
User icon - also known as user, people, profile, social, and avatar. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-32.092"
x2="-24.316"
y1="621.207"
y2="613.431"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 266.667c-26.389 0-52.16 8.939-72.491 25.152-28.501 22.251-44.843 55.851-44.843 92.181 0 64.704 52.629 117.333 117.333 117.333 11.072 0 21.845-1.515 31.979-4.459C476.907 482.709 512 436.309 512 384c0-64.704-52.629-117.333-117.333-117.333zm26.112 209.685c-8.299 2.411-17.088 3.648-26.112 3.648-52.928 0-96-43.072-96-96 0-29.717 13.355-57.195 36.715-75.435C352.021 295.296 373.077 288 394.667 288c52.928 0 96 43.072 96 96 0 42.795-28.694 80.768-69.888 92.352z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.5"
x2="-35.266"
y1="628.502"
y2="618.268"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 501.333c5.888 0 10.667-4.779 10.667-10.667v-32c0-51.349 19.947-99.584 56.171-135.829 36.245-36.224 84.48-56.171 135.829-56.171 32.533 0 64.704 8.256 92.971 23.851a10.73 10.73 0 0 0 5.141 1.323c3.755 0 7.403-1.984 9.344-5.504 2.837-5.163.96-11.648-4.181-14.507-14.677-8.085-30.336-14.208-46.464-18.645 42.133-20.971 71.189-64.363 71.189-114.517 0-70.592-57.408-128-128-128s-128 57.408-128 128c0 50.133 29.035 93.483 71.083 114.475-35.2 9.664-67.499 28.139-93.995 54.613C22.165 348.032 0 401.621 0 458.667v32c0 5.888 4.779 10.666 10.667 10.666zm96-362.666C106.667 79.851 154.517 32 213.333 32S320 79.851 320 138.667s-47.851 106.667-106.667 106.667-106.666-47.851-106.666-106.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-29.18"
x2="-26.89"
y1="618.546"
y2="616.255"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m439.808 345.173-64.021 76.821-27.307-24.576c-4.373-3.925-11.115-3.584-15.061.789-3.947 4.373-3.584 11.115.789 15.061l35.563 32a10.622 10.622 0 0 0 7.125 2.731c.256 0 .512 0 .768-.021a10.763 10.763 0 0 0 7.445-3.797l71.104-85.333c3.776-4.523 3.157-11.264-1.365-15.04-4.565-3.755-11.264-3.157-15.04 1.365z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category