Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

It's now easier than ever to upload an avatar for your CodePen account.

First, we attempt to use your Gravatar attached to your email address. If you don't have one, you get our default avatar.

If you want to change it, now you have a bunch of options. You can grab your avatar from Twitter or GitHub in one click (if you aren't authorized, that'll just take another click). You can also pick any photo you are tagged in from Facebook. You can also still drag-and-drop or select a new image from your computer.

Here's a super quick video demonstrating them all:

Thanks to Rachel who took the lead on this as well as the social login feature.