Skip to content

Person Light Skin Tone

The person light skin tone icon represents a human being with a light skin tone, serving as a basic representation of a person.

Exports at 24 × 24 px

Person Light Skin Tone icon from Noto Emoji
Get Pro

Code

Person Light Skin Tone in your framework

In any framework. Customize it above, and the code follows.

export const PersonLightSkinToneIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
    <path fill="#312D2D" d="M109.4 102.62c-1.62-2.96.45-5.96 3.98-9.68c5.6-5.91 11.7-19.6 6.04-33.51c.03-.08-1.12-2.42-1.08-2.5l-2.34-.12c-.75-.11-26.36-.16-52-.16s-51.25.05-52 .16c0 0-3.45 2.54-3.42 2.61c-5.66 13.91.44 27.6 6.04 33.51c3.53 3.72 5.6 6.73 3.98 9.68c-1.57 2.87-6.26 3.29-6.26 3.29s1.08 2.94 3.69 4.52c2.41 1.46 5.37 1.81 7.42 1.86c0 0 8 11.07 28.92 11.07h23.28c20.92 0 28.92-11.07 28.92-11.07c2.05-.05 5.01-.39 7.42-1.86c2.61-1.58 3.69-4.52 3.69-4.52s-4.7-.41-6.28-3.28"/><radialGradient id="SVGcZk2AbKi" cx="95.248" cy="22.384" r="30.469" gradientTransform="matrix(1 0 0 .4912 -12.275 94.62)" gradientUnits="userSpaceOnUse"><stop offset=".728" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGcZk2AbKi)" d="M63.99 123.36v-12.29l37.18-2.94l3.38 4.16s-8 11.07-28.92 11.07z"/><radialGradient id="SVG0I4KYduC" cx="65.24" cy="26.915" r="9.004" gradientTransform="matrix(-.9057 .4238 -.3144 -.6719 180.533 91.517)" gradientUnits="userSpaceOnUse"><stop offset=".663" stopColor="#454140"/><stop offset="1" stopColor="#454140" stopOpacity="0"/></radialGradient><path fill="url(#SVG0I4KYduC)" d="M104.46 106.93c-5.57-8.46 6.78-11.61 6.78-11.61l.01.01c-2.15 2.67-3.12 5-1.86 7.29c1.57 2.87 6.26 3.29 6.26 3.29s-6.38 5.68-11.19 1.02"/><radialGradient id="SVGuwcpab0b" cx="88.575" cy="52.387" r="39.55" gradientTransform="matrix(-.0746 -.9972 .8311 -.0622 52.718 167.2)" gradientUnits="userSpaceOnUse"><stop offset=".725" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGuwcpab0b)" d="M119.45 59.42c5.53 13.47-.29 27.34-5.74 33.19c-.75.8-3.92 3.92-4.64 6.4c0 0-12.42-17.31-16.12-27.49c-.75-2.05-1.43-4.17-1.52-6.35c-.07-1.64.19-3.59 1.13-4.98c1.16-1.71 26.23-2.21 26.23-2.21c0 .02.66 1.44.66 1.44"/><radialGradient id="SVGARjPpbQU" cx="38.383" cy="52.387" r="39.55" gradientTransform="matrix(.0746 -.9972 -.8311 -.0622 79.056 117.148)" gradientUnits="userSpaceOnUse"><stop offset=".725" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGARjPpbQU)" d="M8.58 59.42c-5.52 13.47.29 27.34 5.74 33.19c.75.8 3.92 3.92 4.64 6.4c0 0 12.42-17.31 16.12-27.49c.75-2.05 1.43-4.17 1.52-6.35c.07-1.64-.19-3.59-1.13-4.98c-1.16-1.71-2.51-1.25-4.47-1.25c-3.75 0-20.15-.96-21.42-.96c0 .02-1 1.44-1 1.44"/><radialGradient id="SVGkM7Gie3H" cx="45.056" cy="22.384" r="30.469" gradientTransform="matrix(-1 0 0 .4912 90.112 94.62)" gradientUnits="userSpaceOnUse"><stop offset=".728" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGkM7Gie3H)" d="M64.04 123.36v-12.29l-37.18-2.94l-3.38 4.16s8 11.07 28.92 11.07z"/><radialGradient id="SVGyPgJebNu" cx="15.047" cy="26.915" r="9.004" gradientTransform="matrix(.9057 .4238 .3144 -.6719 -7.043 112.79)" gradientUnits="userSpaceOnUse"><stop offset=".663" stopColor="#454140"/><stop offset="1" stopColor="#454140" stopOpacity="0"/></radialGradient><path fill="url(#SVGyPgJebNu)" d="M23.57 106.93c5.57-8.46-6.78-11.61-6.78-11.61l-.01.01c2.15 2.67 3.12 5 1.86 7.29c-1.57 2.87-6.26 3.29-6.26 3.29s6.38 5.68 11.19 1.02"/><path fill="#EDC391" d="M99.55 64.37h-71.1c-7.67 0-13.94 6.68-13.94 14.85s6.27 14.85 13.94 14.85h71.11c7.67 0 13.94-6.68 13.94-14.85s-6.28-14.85-13.95-14.85"/><path fill="#F9DDBD" d="M64 13.15c-22.64 0-43.61 24.21-43.61 59.06C20.39 106.87 42 124 64 124s43.61-17.13 43.61-51.79c0-34.84-20.97-59.06-43.61-59.06"/><path fill="#DBA689" d="M69.02 87.29a1.6 1.6 0 0 0-.42-.11h-9.2c-.14.02-.28.05-.42.11c-.83.34-1.29 1.2-.9 2.12c.4.92 2.23 3.5 5.92 3.5s5.52-2.58 5.92-3.5s-.06-1.78-.9-2.12"/><path fill="#444" d="M74.95 97.71c-4.14 2.46-17.73 2.46-21.87 0c-2.38-1.42-4.81.75-3.82 2.91c.97 2.12 8.38 7.06 14.79 7.06s13.72-4.93 14.7-7.06c.98-2.16-1.42-4.32-3.8-2.91"/><g fill="#312D2D"><ellipse cx="42.9" cy="75.23" rx="6.32" ry="6.55"/><ellipse cx="85.1" cy="75.23" rx="6.32" ry="6.55"/></g><path fill="#454140" d="M52.29 63.47c-1.2-1.59-3.99-3.91-9.39-3.91s-8.19 2.32-9.39 3.91c-.53.71-.4 1.52-.03 2.01c.34.46 1.35.88 2.47.5s3.3-1.51 6.95-1.53c3.65.03 5.84 1.15 6.95 1.53s2.13-.04 2.47-.5c.37-.49.5-1.3-.03-2.01m42.21 0c-1.2-1.59-3.99-3.91-9.39-3.91s-8.19 2.32-9.39 3.91c-.53.71-.4 1.52-.03 2.01c.34.46 1.35.88 2.47.5s3.3-1.51 6.95-1.53c3.65.03 5.84 1.15 6.95 1.53c1.12.38 2.13-.04 2.47-.5c.36-.49.5-1.3-.03-2.01"/><path fill="#312D2D" d="M116.14 31.41c-3.18-4.81-10.29-11.25-16.68-11.67C98.44 13.6 91.86 8.4 85.5 6.38c-17.21-5.45-28.42.66-34.43 3.94c-1.25.68-9.33 5.16-14.98 1.95c-3.54-2.01-3.47-7.46-3.47-7.46s-11.09 4.22-7.3 16c-3.81.16-8.81 1.76-11.45 7.11c-3.15 6.37-2.03 11.7-1.12 14.25c-3.28 2.78-7.4 8.71-4.57 16.4c2.13 5.79 10.63 8.45 10.63 8.45c-.6 10.42 1.34 16.84 2.37 19.43c.18.45.83.41.94-.06c1.28-5.16 5.68-23.15 5.24-26.29c0 0 14.76-2.93 28.84-13.29c2.87-2.11 5.97-3.91 9.27-5.22c17.68-7.04 21.38 4.97 21.38 4.97s12.25-2.35 15.95 14.67c1.39 6.38 2.33 16.59 3.12 23.73c.06.5.74.61.94.14c1.24-2.83 3.71-8.46 4.3-14.19c.21-2.02 5.65-4.69 7.98-13.35c3.14-11.57-.71-22.68-3-26.15"/><radialGradient id="SVGbam5tzxh" cx="87.443" cy="73.25" r="46.359" gradientTransform="matrix(.3076 .9515 .706 -.2282 8.83 -11.739)" gradientUnits="userSpaceOnUse"><stop offset=".699" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGbam5tzxh)" d="M111.12 70.95c.21-2.02 5.65-4.69 7.98-13.35c.25-.92.46-1.86.65-2.8c1.9-10.53-1.51-20.19-3.63-23.39c-2.94-4.44-9.24-10.27-15.22-11.46c-.52-.07-1.03-.13-1.51-.16c0 0 .43 2.79-.7 5.02c-1.46 2.89-4.43 3.57-4.43 3.57c15.59 15.59 14.48 28.63 16.86 42.57"/><radialGradient id="SVGUbT1Ubic" cx="42.247" cy="123.799" r="12.155" gradientTransform="matrix(.8813 .4726 .5603 -1.045 -64.35 113.606)" gradientUnits="userSpaceOnUse"><stop offset=".58" stopColor="#454140"/><stop offset="1" stopColor="#454140" stopOpacity="0"/></radialGradient><path fill="url(#SVGUbT1Ubic)" d="M54.83 8.35c-1.42.69-2.68 1.38-3.77 1.97c-1.25.68-9.33 5.16-14.98 1.95c-3.48-1.98-3.48-7.26-3.47-7.45c-1.6 2.04-6.44 16.63 7.71 17.6c6.1.42 9.87-4.9 12.09-9.41c.81-1.63 2.08-4.02 2.42-4.66"/><radialGradient id="SVGbSDULbNg" cx="163.601" cy="66.051" r="37.367" gradientTransform="matrix(-.9378 -.3944 -.2182 .5285 237.25 55.895)" gradientUnits="userSpaceOnUse"><stop offset=".699" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGbSDULbNg)" d="M83.72 5.85c9.52 2.58 14.17 7.42 15.72 13.9c.46 1.9 1 19.62-32.83-.52c-12.58-7.49-9.15-12.18-7.67-12.71c5.75-2.09 14.11-3.56 24.78-.67"/><radialGradient id="SVGaas5pggj" cx="37.367" cy="112.71" r="11.157" gradientTransform="matrix(1 0 0 -1.2233 0 153.168)" gradientUnits="userSpaceOnUse"><stop offset=".702" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGaas5pggj)" d="M32.57 4.82c-.02.01-.04.02-.08.03h-.01c-1.21.51-10.73 4.91-7.17 15.94l10.13 1.63C26.48 13.35 32.61 4.8 32.61 4.8z"/><radialGradient id="SVGgCQ0icEJ" cx="35.831" cy="93.016" r="20.925" gradientTransform="matrix(-.9657 -.2598 -.2432 .9037 93.055 -39.766)" gradientUnits="userSpaceOnUse"><stop offset=".66" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGgCQ0icEJ)" d="m31.57 21.81l-6.26-1.01c-.24 0-1.08.08-1.53.14c-3.52.49-7.68 2.31-9.92 6.98c-2.42 5.02-2.35 9.33-1.7 12.21c.19.97.58 2.05.58 2.05s3.1-2.94 10.47-3.13z"/><radialGradient id="SVGmx8reyCP" cx="30.867" cy="72.811" r="21.969" gradientTransform="matrix(.9907 .1363 .1915 -1.3921 -13.653 152.342)" gradientUnits="userSpaceOnUse"><stop offset=".598" stopColor="#454140" stopOpacity="0"/><stop offset="1" stopColor="#454140"/></radialGradient><path fill="url(#SVGmx8reyCP)" d="M12.44 42.42c-3.08 2.74-7.24 8.84-4.17 16.4c2.31 5.71 10.53 8.19 10.53 8.19c0 .03 1.64.51 2.49.51l1.92-28.49c-3.94 0-7.72 1.18-10.17 2.88c.02.06-.61.47-.6.51"/>
  </svg>
);

Noto Emoji

Icons that share its tags, in the same style.

  • Person Light Skin Tone Bald icon from Noto Emoji
  • Person Light Skin Tone Beard icon from Noto Emoji
  • Person Light Skin Tone Blond Hair icon from Noto Emoji
  • Person Light Skin Tone Curly Hair icon from Noto Emoji
  • Person Light Skin Tone Red Hair icon from Noto Emoji
  • Person Light Skin Tone White Hair icon from Noto Emoji
  • Person Medium Light Skin Tone icon from Noto Emoji
  • Older Person Light Skin Tone icon from Noto Emoji
  • Older Person Medium Light Skin Tone icon from Noto Emoji
  • Person Medium Light Skin Tone Bald icon from Noto Emoji
  • Person Medium Light Skin Tone Beard icon from Noto Emoji
  • Person Medium Light Skin Tone Blond Hair icon from Noto Emoji
  • Person Medium Light Skin Tone Curly Hair icon from Noto Emoji
  • Woman Guard Medium Light Skin Tone icon from Noto Emoji
  • Woman Health Worker Light Skin Tone icon from Noto Emoji
  • Woman Health Worker Medium Light Skin Tone icon from Noto Emoji
  • Kiss Person Person Medium Light Skin Tone Light Skin Tone icon from Noto Emoji
  • Man Wearing Turban Medium Light Skin Tone icon from Noto Emoji
  • Man With Veil Light Skin Tone icon from Noto Emoji
  • Man With Veil Medium Light Skin Tone icon from Noto Emoji
  • Woman Medium Light Skin Tone icon from Noto Emoji
  • Woman Medium Light Skin Tone Bald icon from Noto Emoji
  • Kiss Person Person Medium Light Skin Tone Dark Skin Tone icon from Noto Emoji
  • Kiss Person Person Medium Light Skin Tone Medium Dark Skin Tone icon from Noto Emoji

Skip the copy and paste. With Pro, your AI agent finds and installs any Noto Emoji icon from a prompt.

Get Pro

Tags

Browse by tag

Person Light Skin Tone is tagged interface, UX, profile and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Noto Emoji MCP, with Pro

Ask for Person Light Skin Tone or any of 3,800 Noto Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Person Light Skin Tone icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install Person Light Skin Tone from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro