Add icons to this collection by clicking the heart icon.
Teenager icon - also known as user, people, profile, girl, social, avatar, teenager, and medical mask. Created in a clean gradient style with a white, silver, gray, teal, navy, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="f"
x1="251"
x2="251"
y1="203.209"
y2="-16.381"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="g"
x1="251"
x2="251"
y1="74.707"
y2="-5.53"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffcba8" />
<stop offset="1" stop-color="#ffe1cf" />
</linearGradient>
<linearGradient
id="h"
x1="-730.644"
x2="-814.122"
y1="418.838"
y2="418.838"
gradientTransform="matrix(-1 0 0 1 -362 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#53aae6" />
<stop offset="1" stop-color="#a4d2f0" />
</linearGradient>
<linearGradient
id="i"
x1="341.763"
x2="420.818"
y1="405.042"
y2="405.042"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="133.356"
x2="49.878"
y1="418.838"
y2="418.838"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="541.763"
x2="620.818"
y1="405.042"
y2="405.042"
gradientTransform="matrix(-1 0 0 1 702 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="251"
x2="251"
y1="293.483"
y2="466.987"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="m"
x1="459.356"
x2="599.71"
y1="402.434"
y2="402.434"
gradientTransform="matrix(-1 0 0 1 702 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="259.356"
x2="399.71"
y1="402.434"
y2="402.434"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="251"
x2="251"
y1="386.792"
y2="441.748"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="p"
x1="71.357"
x2="180.424"
y1="364.818"
y2="364.818"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="q"
x1="83.747"
x2="24.639"
y1="275.522"
y2="275.522"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="89.943"
x2="-15.098"
y1="217.908"
y2="217.908"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="283.747"
x2="224.639"
y1="275.522"
y2="275.522"
gradientTransform="matrix(-1 0 0 1 702 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="262.34"
x2="157.299"
y1="217.908"
y2="217.908"
gradientTransform="matrix(-1 0 0 1 674.397 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="251"
x2="251"
y1="545.128"
y2="231.637"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="250.368"
x2="250.368"
y1="456.096"
y2="316.978"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="w"
x1="251"
x2="251"
y1="318.294"
y2="36.698"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M465.925 174.188c0-94.5-87.382-166.575-214.925-166.575S36.075 79.688 36.075 174.188c0 94.501 96.225 171.108 214.925 171.108s214.925-76.607 214.925-171.108z"
/>
<path
fill="url(#g)"
d="M324.131 16.32c-22.409-5.657-46.919-8.707-73.13-8.707s-50.722 3.05-73.13 8.707v65.44h146.261V16.32z"
/>
<path
fill="url(#h)"
d="M339.714 343.289c59.712 10.051 97.434 66.639 106.53 124.235 2.227 14.103-8.676 26.863-22.955 26.863h-30.267l-97.734-151.098z"
/>
<path
fill="url(#i)"
d="M431.579 419.447c-17.796-38.065-49.22-68.98-91.865-76.158h-44.426l79.886 123.506c17.687-19.369 39.833-36.075 56.405-47.348z"
/>
<path
fill="url(#j)"
d="M162.286 343.289c-59.713 10.051-97.434 66.639-106.53 124.235-2.227 14.103 8.676 26.863 22.955 26.863h30.267l97.733-151.098z"
/>
<path
fill="url(#k)"
d="M70.421 419.447c17.796-38.065 49.22-68.98 91.865-76.158h44.425l-79.886 123.506c-17.686-19.369-39.832-36.075-56.404-47.348z"
/>
<path
fill="url(#l)"
d="M393.022 494.387c0-96.247-63.586-174.272-142.022-174.272S108.978 398.14 108.978 494.387z"
/>
<path
fill="url(#m)"
d="M251 439.088c-33.433 19.639-122.605 26.771-104.14-84.847H251z"
/>
<path
fill="#0099cf"
d="M146.107 359.158c-2.109 14.916-2.209 27.592-.742 38.325 31.653 17.42 67.899 26.721 105.634 26.721v-33c-39.382-.001-75.708-11.933-104.892-32.046z"
/>
<path
fill="url(#n)"
d="M251 439.088c33.433 19.639 122.605 26.771 104.14-84.847H251z"
/>
<path
fill="#0099cf"
d="M324.61 411.78c8.586-3.017 13.136-12.39 10.168-20.993-2.975-8.623-12.397-13.265-20.999-10.23-19.478 6.873-40.645 10.646-62.779 10.646v33c25.54.001 50.396-4.266 73.61-12.423z"
/>
<path
fill="url(#o)"
d="M310.974 366.224c-9.635 31.314-35.529 72.864-59.974 72.864s-50.339-41.551-59.974-72.864z"
/>
<path
fill="url(#p)"
d="m139.071 451.404-32.554-23.436a84.57 84.57 0 0 1-35.16-68.635v-86.065h109.067V430.22c0 21.275-24.087 33.614-41.353 21.184z"
/>
<path
fill="#424e5e"
d="M82.633 273.268H71.357v54.872c9.232 14.781 20.667 28.51 34.164 40.833 21.617 19.737 47.125 34.549 74.895 43.844.001-.076.007-.149.007-.225v-34.986c-47.687-19.31-84.107-57.581-97.79-104.338z"
/>
<path
fill="url(#q)"
d="m88.597 305.214-22.456 10.483c-14.008 6.54-30.067-3.686-30.067-19.145v-42.085c0-11.669 9.46-21.129 21.129-21.129H79.66c11.669 0 21.129 9.46 21.129 21.129v31.601a21.129 21.129 0 0 1-12.192 19.146z"
/>
<ellipse cx="52.668" cy="217.908" fill="url(#r)" rx="52.668" ry="57.492" />
<path
fill="url(#s)"
d="m413.402 305.214 22.456 10.483c14.008 6.54 30.067-3.686 30.067-19.145v-42.085c0-11.669-9.46-21.129-21.129-21.129H422.34c-11.669 0-21.129 9.46-21.129 21.129v31.601a21.13 21.13 0 0 0 12.191 19.146z"
/>
<ellipse cx="449.332" cy="217.908" fill="url(#t)" rx="52.668" ry="57.492" />
<path
fill="#edbf9d"
d="M197.599 383.582c6.25 14.021 14.821 28.224 24.397 38.754a226.433 226.433 0 0 0 58.004.004c9.579-10.532 18.153-24.74 24.404-38.765-16.831 4.945-34.772 7.628-53.404 7.628-18.629 0-36.571-2.679-53.401-7.621z"
/>
<ellipse cx="251" cy="232.095" fill="url(#u)" rx="174.272" ry="159.109" />
<ellipse cx="163.114" cy="266.365" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="338.886" cy="266.365" fill="#eaadcd" rx="14.936" ry="12.003" />
<path
fill="#fff"
d="M188.721 240.713c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.802 10.365-5.87.113-1.423.125-2.875.029-4.348-.991-15.146-13.602-27.24-28.775-27.629-16.713-.429-30.396 12.992-30.396 29.608 0 .843.036 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.348-2.684 11.979-4.275 19.164-4.275z"
/>
<path
fill="#3b3b44"
d="M251 276.552c-6.447 0-12.894-2.155-18.274-6.465-4.989-3.997-5.794-11.282-1.797-16.271 3.997-4.99 11.282-5.793 16.271-1.797a6.041 6.041 0 0 0 7.598 0c4.988-3.997 12.273-3.193 16.271 1.797 3.997 4.989 3.193 12.274-1.797 16.271-5.378 4.31-11.825 6.465-18.272 6.465zM188.721 240.713c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.653-17.652-17.653s-17.652 7.903-17.652 17.653c0 2.463.504 4.803 1.415 6.933 4.764-1.885 10.312-2.967 16.237-2.967z"
/>
<path
fill="#fff"
d="M313.279 240.713c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.802 10.365-5.87a30 30 0 0 0 .029-4.348c-.991-15.146-13.602-27.24-28.775-27.629-16.713-.429-30.396 12.992-30.396 29.608 0 .843.035 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.347-2.684 11.979-4.275 19.164-4.275z"
/>
<path
fill="#3b3b44"
d="M313.279 240.713c5.926 0 11.474 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.653-17.652-17.653s-17.652 7.903-17.652 17.653c0 2.463.504 4.803 1.415 6.933 4.763-1.885 10.311-2.967 16.237-2.967z"
/>
<path
fill="#e05d6f"
d="M170.149 330.188a12.37 12.37 0 0 1-5.064-1.086c-45.249-20.244-94.374-69.281-96.55-146.198-.193-6.855 5.206-12.569 12.061-12.763 6.833-.201 12.569 5.206 12.763 12.061.863 30.501 10.124 57.675 27.526 80.767 14.042 18.633 33.34 34.069 54.342 43.465 6.26 2.801 9.064 10.145 6.263 16.405-2.064 4.613-6.595 7.349-11.341 7.349zM331.852 330.188c-4.746 0-9.277-2.736-11.341-7.349-2.801-6.259.003-13.604 6.263-16.405 21.001-9.396 40.3-24.832 54.341-43.465 17.402-23.092 26.663-50.266 27.526-80.767a12.404 12.404 0 0 1 12.763-12.061c6.855.194 12.254 5.908 12.061 12.763-2.176 76.917-51.301 125.954-96.549 146.198a12.374 12.374 0 0 1-5.064 1.086z"
/>
<path
fill="url(#v)"
d="M250.368 401.224c72.333 0 105.243-42.452 97.477-82.834s-71.445-76.821-97.477-76.821c-26.033 0-89.712 36.439-97.477 76.821-7.766 40.381 25.144 82.834 97.477 82.834z"
/>
<g fill="#c2c8cf">
<path
d="M276.257 311.325h-51.778c-6.857 0-12.417-5.559-12.417-12.417 0-6.857 5.559-12.417 12.417-12.417h51.778c6.857 0 12.417 5.559 12.417 12.417s-5.559 12.417-12.417 12.417zM287.4 361.564h-74.063c-6.857 0-12.417-5.559-12.417-12.417 0-6.857 5.559-12.417 12.417-12.417H287.4c6.857 0 12.417 5.559 12.417 12.417s-5.56 12.417-12.417 12.417z"
/>
</g>
<path
fill="url(#w)"
d="M424.918 134.265C392.243 68.045 324.919 42.163 251 55.28c-73.919-13.117-141.243 12.765-173.918 78.985-44.084 89.341-6.927 161.415 29.203 199.275 7.072 7.41 19.454.854 17.392-9.179-10.87-52.888-6.833-137.793 23.329-176.746-.83 7.865-1.143 15.268-1.182 21.637-.044 7.098 5.731 12.86 12.829 12.86h184.691c7.098 0 12.873-5.762 12.829-12.86-.039-6.37-.352-13.772-1.182-21.637 30.163 38.954 34.199 123.858 23.33 176.747-2.062 10.034 10.32 16.59 17.392 9.179 36.132-37.861 73.288-109.935 29.205-199.276z"
/>
</svg>
More icons in the same style and category