Add icons to this collection by clicking the heart icon.
User icon - also known as user, people, profile, social, settings, avatar, skills, seo and web, and construction and tools. Created in a clean color 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="512pt"
height="512pt"
viewBox="0 0 512 512.001"
>
<linearGradient
id="f"
x1="154.182"
x2="376.595"
y1="154.182"
y2="376.595"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd00d" />
<stop offset=".238" stop-color="#ffcb0e" />
<stop offset=".535" stop-color="#fb1" />
<stop offset=".863" stop-color="#ffa215" />
<stop offset="1" stop-color="#ff9517" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff9517" stop-opacity="0" />
<stop offset=".307" stop-color="#ee8421" stop-opacity=".306" />
<stop offset=".678" stop-color="#e07728" stop-opacity=".678" />
<stop offset="1" stop-color="#db722b" />
</linearGradient>
<linearGradient
id="g"
x1="337.877"
x2="224.119"
y1="280.834"
y2="214.781"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="307.302"
x2="212.366"
y1="372.949"
y2="272.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff4974" />
<stop offset=".407" stop-color="#fe4772" />
<stop offset=".596" stop-color="#fb3f6d" />
<stop offset=".74" stop-color="#f73363" />
<stop offset=".862" stop-color="#f02055" />
<stop offset=".967" stop-color="#e70944" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<radialGradient
id="i"
cx="173.917"
cy="104.106"
r="407.555"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="3387.632"
cy="2273.14"
r="294.771"
gradientTransform="rotate(180 1858.257 1324.171) scale(1.00392)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#445ea0" />
<stop offset=".322" stop-color="#415a9b" />
<stop offset=".693" stop-color="#364d8d" />
<stop offset="1" stop-color="#2a3d7c" />
</linearGradient>
<linearGradient
id="k"
x1="114.873"
x2="397.128"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="248.471"
x2="263.53"
y1="121.351"
y2="121.351"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="248.471"
x2="263.53"
y1="390.65"
y2="390.65"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="247.5"
x2="262.5"
y1="120.876"
y2="120.876"
gradientTransform="rotate(90 256 256) scale(1.00392)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="247.5"
x2="262.5"
y1="389.123"
y2="389.123"
gradientTransform="rotate(90 256 256) scale(1.00392)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fffcf8" />
<stop offset=".188" stop-color="#faf8f6" />
<stop offset=".404" stop-color="#eceef2" />
<stop offset=".635" stop-color="#d5dcea" />
<stop offset=".875" stop-color="#b5c4df" />
<stop offset="1" stop-color="#a1b5d8" />
</linearGradient>
<linearGradient
id="p"
x1="256.001"
x2="256.001"
y1="180.946"
y2="274.072"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="256.001"
x2="256.001"
y1="292.961"
y2="372.56"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="298.483"
x2="237.818"
y1="325.994"
y2="304.467"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1b5d8" stop-opacity="0" />
<stop offset=".256" stop-color="#98abca" stop-opacity=".255" />
<stop offset=".736" stop-color="#8292a6" stop-opacity=".737" />
<stop offset="1" stop-color="#748290" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#ff4974" />
<stop offset=".326" stop-color="#fe4672" />
<stop offset=".532" stop-color="#fb3e6c" />
<stop offset=".705" stop-color="#f52f60" />
<stop offset=".859" stop-color="#ee1a51" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<linearGradient
id="s"
x1="243.152"
x2="268.849"
y1="318.543"
y2="318.543"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="270.903"
x2="248.613"
y1="301.4"
y2="279.11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4003d" stop-opacity="0" />
<stop offset=".223" stop-color="#cd1845" stop-opacity=".224" />
<stop offset=".503" stop-color="#b82e4d" stop-opacity=".502" />
<stop offset=".768" stop-color="#ab3c51" stop-opacity=".769" />
<stop offset="1" stop-color="#a64153" />
</linearGradient>
<linearGradient
id="u"
x1="241.188"
x2="270.81"
y1="277.65"
y2="277.65"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M427.516 256c0 94.723-76.79 171.516-171.516 171.516-94.723 0-171.512-76.793-171.512-171.516S161.278 84.484 256 84.484c94.727 0 171.516 76.793 171.516 171.516zm0 0"
/>
<path
fill="url(#g)"
d="M377.676 358a160.632 160.632 0 0 1-22.899 22.316L219.648 245.188c-10.652-9.817-17.316-23.883-17.316-39.493 0-29.636 24.023-53.68 53.66-53.68 15.621 0 29.676 6.676 39.492 17.337l116.477 116.476c-5.152 27.133-17.219 51.82-34.285 72.172zm0 0"
/>
<path
fill="url(#h)"
d="M377.676 358a160.632 160.632 0 0 1-22.899 22.316c-24.507 19.485-54.906 31.883-88.093 34.094l-85.938-85.875c6.777-30.582 31.723-54.305 62.926-59.324a79.392 79.392 0 0 1 12.32-.973c21.293 0 40.567 8.645 54.52 22.578zm0 0"
/>
<path
fill="url(#i)"
d="M489.46 184.375h-6.124c-20.086 0-30.137-24.273-15.941-38.484l4.328-4.325c8.808-8.808 8.808-23.074 0-31.882l-69.41-69.407c-8.805-8.808-23.07-8.808-31.88 0l-4.324 4.325C351.9 58.8 327.625 48.75 327.625 28.664V22.54C327.629 10.094 317.531 0 305.085 0h-98.17c-12.446 0-22.54 10.094-22.54 22.543v6.121c0 20.09-24.273 30.137-38.484 15.941l-4.325-4.328c-8.808-8.804-23.074-8.804-31.879 0l-69.41 69.41c-8.808 8.805-8.808 23.07 0 31.88l4.328 4.328c14.196 14.207 4.145 38.48-15.94 38.48h-6.126C10.094 184.375 0 194.469 0 206.915v98.17c0 12.446 10.094 22.54 22.543 22.54h6.121c20.09 0 30.14 24.273 15.941 38.484l-4.328 4.325c-8.804 8.808-8.804 23.074 0 31.882l69.41 69.407c8.81 8.808 23.075 8.808 31.88 0l4.328-4.325c14.207-14.199 38.48-4.152 38.48 15.938v6.125c0 12.445 10.094 22.539 22.54 22.539h98.17c9.33 0 17.313-5.672 20.735-13.746.024-.055.043-.11.067-.164.164-.395.324-.79.465-1.195.171-.48.328-.97.464-1.465.067-.235.121-.477.192-.723.12-.477.219-.965.297-1.453.043-.254.078-.5.113-.742.066-.457.11-.91.144-1.375a4.75 4.75 0 0 0 .032-.535c.023-.375.035-.762.035-1.141v-6.121c0-20.09 24.27-30.14 38.48-15.942l4.325 4.325c8.808 8.808 23.074 8.808 31.882 0l69.407-69.407c8.808-8.808 8.808-23.074 0-31.882l-4.325-4.325c-14.199-14.21-4.148-38.48 15.938-38.48h6.125c.379 0 .766-.012 1.14-.035.18 0 .368-.012.536-.032.465-.035.918-.078 1.375-.144.242-.035.488-.066.742-.113.488-.078.976-.176 1.453-.297.242-.067.488-.125.723-.192.496-.136.984-.293 1.465-.464.406-.141.8-.301 1.195-.465.055-.024.11-.043.164-.067 8.074-3.425 13.746-11.41 13.746-20.734v-98.172c0-12.445-10.094-22.539-22.54-22.539zM97.247 256c0-87.688 71.066-158.758 158.754-158.758S414.758 168.312 414.758 256 343.688 414.758 256 414.758 97.246 343.688 97.246 256zm0 0"
/>
<path
fill="url(#j)"
d="M256 441.883c102.664 0 185.883-83.219 185.883-185.883S358.664 70.117 256 70.117c-3.148 0-6.29.078-9.395.235-95.187 4.734-171.52 81.066-176.253 176.253a187.201 187.201 0 0 0-.235 9.395c0 102.664 83.219 185.883 185.883 185.883zm0-27.125c-87.688 0-158.754-71.07-158.754-158.758S168.313 97.242 256 97.242 414.758 168.312 414.758 256 343.688 414.758 256 414.758zm0 0"
/>
<path
fill="url(#k)"
d="M256 397.129c-77.816 0-141.125-63.313-141.125-141.129S178.184 114.871 256 114.871c77.82 0 141.129 63.313 141.129 141.129S333.82 397.129 256 397.129zm0-267.2c-69.516 0-126.066 56.555-126.066 126.071S186.484 382.07 256 382.07 382.07 325.516 382.07 256 325.516 129.93 256 129.93zm0 0"
/>
<path fill="url(#l)" d="M248.473 109.426h15.058v23.847h-15.058zm0 0" />
<path fill="url(#m)" d="M248.473 378.727h15.058v23.847h-15.058zm0 0" />
<path fill="url(#n)" d="M378.727 248.469h23.847v15.062h-23.847zm0 0" />
<path fill="url(#o)" d="M109.43 248.469h23.843v15.062H109.43zm0 0" />
<path
fill="url(#p)"
d="M309.676 205.688c0 29.644-24.031 53.671-53.676 53.671s-53.672-24.027-53.672-53.671 24.027-53.672 53.672-53.672 53.676 24.027 53.676 53.672zm0 0"
/>
<path
fill="url(#q)"
d="M331.25 328.531c-19.164 19.426-45.805 31.453-75.25 31.453s-56.086-12.027-75.25-31.453c7.656-34.508 38.434-60.3 75.25-60.3 21.293 0 40.563 8.636 54.508 22.581 10.176 10.165 17.523 23.172 20.742 37.72zm0 0"
/>
<path
fill="url(#r)"
d="M331.25 328.531c-.297.313-.613.614-.926.914-18.12 17.938-42.715 29.34-69.953 30.438l-13.61-13.633-.206-.172a9.404 9.404 0 0 1-3.367-8.129l4.738-49.234a3.982 3.982 0 0 1 1.004-2.246c-.051-.063-.09-.13-.145-.207a4.853 4.853 0 0 1-1.812-2.075l-5.453-12.082a3.558 3.558 0 0 1-.196-2.476 51.638 51.638 0 0 1 2.086-.367 33.35 33.35 0 0 1 1.504-.235c.39-.066.793-.117 1.2-.172.456-.05.913-.117 1.382-.156a79.2 79.2 0 0 1 1.684-.168c.547-.05 1.11-.09 1.668-.129.574-.043 1.148-.066 1.722-.093a76.876 76.876 0 0 1 3.43-.079c2.102 0 4.191.079 6.25.25.55.051 1.098.09 1.633.157 1.11.101 2.219.246 3.312.402.535.078 1.082.172 1.618.262.628.09 1.253.21 1.867.34 15.406 2.96 29.172 10.515 39.828 21.175 10.176 10.16 17.52 23.168 20.742 37.715zm0 0"
/>
<path
fill="url(#s)"
d="m265.445 346.082-5.363 4.441a6.405 6.405 0 0 1-8.16 0l-5.367-4.441a9.386 9.386 0 0 1-3.36-8.129l4.739-49.234a4.001 4.001 0 0 1 3.984-3.625h8.168a4.008 4.008 0 0 1 3.988 3.625l4.735 49.234a9.378 9.378 0 0 1-3.364 8.129zm0 0"
/>
<path
fill="url(#t)"
d="M264.07 288.719a4.002 4.002 0 0 0-3.988-3.625h-8.164a3.995 3.995 0 0 0-3.047 1.422l16.582 16.582zm0 0"
/>
<path
fill="url(#u)"
d="m270.48 272.105-5.453 12.083a4.9 4.9 0 0 1-4.484 2.882h-9.082a4.905 4.905 0 0 1-4.488-2.882l-5.453-12.083a3.558 3.558 0 0 1-.196-2.476A77.608 77.608 0 0 1 256 268.23c5.023 0 9.93.485 14.68 1.41a3.616 3.616 0 0 1-.2 2.465zm0 0"
/>
</svg>
More icons in the same style and category