In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements ...
Here we are going to create a component with react that take's in the name (first name and last name) of the user and generate a rounded avatar with user ...
Pictar is an avatar generator. Using only text and colors you can create an image that identifies something. The following form changes the image in real time.