CodePen avatars default to Gravatar. Gravatar associates an avatar with your email address. If you have a (free) Gravatar account, the Gravatar image you associate with the email in your CodePen profile will automatically become your avatar here on CodePen.

If you prefer to use something different on CodePen, you can change your avatar on the “Profile” tab in your Settings. Here you’ll see your profile image, and beneath that, your options for changing it.

You can:

  • drag and drop a new image onto the box below your avatar image, or click the “Browse” button to upload a new image from your computer.
  • Import an image from Twitter, Facebook, or GitHub — if you link one of these services, you can also use it to Log In.