You can link directly to any file in any Pen. There is a Copy URL menu option in the context menu for all files on Saved Pens.

That URL will be at a subdomain unique to that Pen and the domain codepenusercontent.com. An example is:

https://0198772a-a759-7dc4-b8fc-1dfdbed39fdb.codepenusercontent.com/style.css

Restrictions

While this works for any file on any Pen, the Content-Type header for the served files will be text/plain. This means that files linked up as CSS, JavaScript, or media may not work correctly used off CodePen.

The correct Content-Type is served when the referrer is CodePen itself, which means that a Pen can link to a file from another Pen and it should work as expected.

Or, if the owner of the Pen is a PRO user, the correct Content-Type will be served.

Redirects

The Old Editor had a feature called “URL Extensions” which would link to the raw output of “files”. Those URLs will now redirect to this new format.