Add icons to this collection by clicking the heart icon.
Teenager icon - also known as user, people, profile, social, boy, avatar, teenager, medical mask, and professions and jobs. Created in a clean gradient style with a white, silver, 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="#f2ae6f" />
<stop offset="1" stop-color="#f2d1a5" />
</linearGradient>
<linearGradient
id="e"
x1="76.538"
x2="27.088"
y1="216.953"
y2="216.953"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-2051.462"
x2="-2100.912"
y1="216.953"
y2="216.953"
gradientTransform="matrix(-1 0 0 1 -1626 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="136.112"
x2="48.362"
y1="422.584"
y2="422.584"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="h"
x1="155.046"
x2="67.296"
y1="422.584"
y2="422.584"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-1972.954"
x2="-2060.704"
y1="422.584"
y2="422.584"
gradientTransform="matrix(-1 0 0 1 -1626 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#53aae6" />
<stop offset="1" stop-color="#a4d2f0" />
</linearGradient>
<linearGradient
id="j"
x1="251"
x2="251"
y1="425.651"
y2="591.453"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="251"
x2="251"
y1="376.377"
y2="516.867"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="251"
x2="251"
y1="555.338"
y2="225.801"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="250.357"
x2="250.357"
y1="460.787"
y2="319.162"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="n"
x1="408.443"
x2="408.443"
y1="102.96"
y2="228.019"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="93.557"
x2="93.557"
y1="102.96"
y2="228.019"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="233.567"
x2="233.567"
y1="185.143"
y2="-14.025"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M118.553 211.369c0-28.025-22.719-50.744-50.744-50.744s-50.744 22.719-50.744 50.744c0 38.357 31.871 61.912 59.896 61.912s41.592-33.886 41.592-61.912z"
/>
<path
fill="url(#f)"
d="M383.447 211.369c0-28.025 22.719-50.744 50.744-50.744s50.744 22.719 50.744 50.744c0 38.357-31.871 61.912-59.896 61.912s-41.592-33.886-41.592-61.912z"
/>
<path
fill="url(#g)"
d="M157.745 343.168c-62.769 10.565-102.421 70.05-111.983 130.594C43.421 488.587 54.883 502 69.892 502h31.817l102.736-158.832z"
/>
<path
fill="url(#h)"
d="M157.745 343.168c-38.925 6.552-68.956 31.92-88.439 64.684 13.971 3.145 24.459 16.381 24.459 32.237 0 18.198-13.813 32.95-30.853 32.95-5.933 0-11.472-1.792-16.176-4.892a190.387 190.387 0 0 0-.974 5.614C43.421 488.587 54.883 502 69.892 502h31.817l102.736-158.832z"
/>
<path
fill="url(#i)"
d="M344.255 343.168c62.769 10.565 102.421 70.05 111.983 130.594 2.341 14.825-9.121 28.238-24.13 28.238h-31.817L297.556 343.168z"
/>
<path
fill="url(#j)"
d="M400.292 502c0-101.174-66.84-183.191-149.292-183.191S101.708 400.826 101.708 502z"
/>
<path
fill="url(#k)"
d="M366.809 312.374c41.284 11.149 68.497 58.361 33.482 89.52-32.593 29.004-88.392 52.757-138.994 61.901a57.888 57.888 0 0 1-20.595 0c-50.602-9.143-106.401-32.897-138.994-61.901-35.014-31.159-7.802-78.371 33.482-89.52z"
/>
<path
fill="#f2e07e"
d="M185.923 476.219c-6.351 0-11.5-5.148-11.5-11.5v-30.634c0-6.352 5.149-11.5 11.5-11.5s11.5 5.148 11.5 11.5v30.634c0 6.351-5.149 11.5-11.5 11.5zM316.077 476.219c-6.352 0-11.5-5.148-11.5-11.5v-30.634c0-6.352 5.148-11.5 11.5-11.5s11.5 5.148 11.5 11.5v30.634c0 6.351-5.148 11.5-11.5 11.5z"
/>
<path
fill="#0099cf"
d="M100.309 367.719C140.704 404.6 194.221 424.911 251 424.911c31.474 0 61.944-6.244 89.733-18.09 8.484-3.617 12.052-13.725 7.712-21.864-3.833-7.187-12.521-10.257-20.013-7.062-23.52 10.032-49.759 15.64-77.433 15.64-59.13 0-111.708-25.584-145.2-65.283-8.569 7.612-14.954 16.995-18.06 26.961a208.075 208.075 0 0 0 12.57 12.506z"
/>
<ellipse cx="251" cy="226.282" fill="url(#l)" rx="183.191" ry="167.253" />
<ellipse cx="163.184" cy="262.026" fill="#eaadcd" rx="14.925" ry="11.994" />
<ellipse cx="338.816" cy="262.026" fill="#eaadcd" rx="14.925" ry="11.994" />
<circle
cx="313.229"
cy="232.469"
r="29.557"
fill="#fff"
transform="rotate(-81.43 313.32 232.414)"
/>
<path
fill="#3b3b44"
d="M295.658 233.916c.755 9.046 8.331 16.153 17.572 16.153s16.817-7.108 17.572-16.153z"
/>
<path
fill="#e8aa70"
d="M313.229 202.912c-16.324 0-29.557 13.233-29.557 29.557 0 .485.013.968.037 1.447h59.04c.023-.48.037-.962.037-1.447 0-16.324-13.233-29.557-29.557-29.557z"
/>
<circle
cx="188.771"
cy="232.469"
r="29.557"
fill="#fff"
transform="rotate(-80.68 188.848 232.435)"
/>
<path
fill="#3b3b44"
d="M171.199 233.916c.755 9.046 8.331 16.153 17.572 16.153s16.817-7.108 17.572-16.153z"
/>
<path
fill="#e8aa70"
d="M188.771 202.912c-16.324 0-29.557 13.233-29.557 29.557 0 .485.014.968.037 1.447h59.04c.023-.48.037-.962.037-1.447 0-16.324-13.234-29.557-29.557-29.557z"
/>
<path
fill="#3b3b44"
d="M262.365 265.475a7.478 7.478 0 0 1-5.098-2c-3.748-3.477-8.786-3.476-12.535 0a7.502 7.502 0 0 1-10.599-.4 7.502 7.502 0 0 1 .4-10.6c9.542-8.846 23.392-8.846 32.934 0a7.5 7.5 0 0 1-5.102 13z"
/>
<path
fill="#71c4d1"
d="M168.692 332.61c-1.726 0-3.479-.355-5.155-1.106-46.064-20.609-96.074-70.529-98.29-148.833-.197-6.978 5.3-12.796 12.278-12.993 6.956-.205 12.795 5.299 12.993 12.278.878 31.051 10.306 58.715 28.021 82.223 14.295 18.969 33.941 34.683 55.321 44.249 6.373 2.851 9.228 10.328 6.376 16.7-2.1 4.697-6.713 7.482-11.544 7.482zM333.309 332.61c-4.832 0-9.444-2.785-11.545-7.482-2.852-6.372.003-13.849 6.376-16.7 21.379-9.566 41.026-25.28 55.32-44.249 17.716-23.508 27.143-51.172 28.021-82.223a12.627 12.627 0 0 1 12.993-12.278c6.978.197 12.475 6.015 12.278 12.993-2.215 78.303-52.225 128.224-98.289 148.833a12.573 12.573 0 0 1-5.154 1.106z"
/>
<path
fill="url(#m)"
d="M250.357 404.926c73.637 0 107.14-43.218 99.234-84.327-7.906-41.11-72.732-78.205-99.234-78.205s-91.329 37.096-99.234 78.205c-7.906 41.11 25.597 84.327 99.234 84.327z"
/>
<g fill="#c2c8cf">
<path
d="M276.712 313.408h-52.711c-6.981 0-12.641-5.66-12.641-12.641s5.66-12.641 12.641-12.641h52.711c6.981 0 12.641 5.66 12.641 12.641s-5.66 12.641-12.641 12.641zM288.056 364.552h-75.398c-6.981 0-12.64-5.659-12.64-12.641 0-6.981 5.66-12.641 12.64-12.641h75.398c6.981 0 12.641 5.66 12.641 12.641-.001 6.981-5.66 12.641-12.641 12.641z"
/>
</g>
<path
fill="url(#n)"
d="M372.003 99.674c-17.067 69.866 18.324 104.719 50.957 120.113 9.31 4.392 20.27-.894 22.591-10.923 9.459-40.881 6.492-115.636-73.548-109.19z"
/>
<path
fill="url(#o)"
d="M129.997 99.674c17.067 69.866-18.324 104.719-50.957 120.113-9.311 4.392-20.27-.894-22.591-10.923-9.459-40.881-6.492-115.636 73.548-109.19z"
/>
<path
fill="url(#p)"
d="M86.368 2.663c-9.344-6.479-22.237-.467-23.38 10.846C50.888 133.29 177.363 165.041 251 165.041c63.859 0 115.654-20.356 144.723-44.205 12.467-10.228 12.244-29.319-.286-39.47C361.624 53.971 292.843 48.076 251 48.076c-43.971 0-121.443-15.465-164.632-45.413z"
/>
</svg>
More icons in the same style and category