diff --git a/README.md b/README.md
index e8d3547f..466ce7f2 100644
--- a/README.md
+++ b/README.md
@@ -91,7 +91,7 @@ Say thanks!
 
 <tr>
 <td>Codeberg<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/codeberg.svg" width="100" title="Codeberg"><br>583 bytes</td>
-<td>CodePen<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/codepen.svg" width="100" title="CodePen"><br>334 bytes</td>
+<td>CodePen<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/codepen.svg" width="100" title="CodePen"><br>309 bytes</td>
 <td>Coderwall<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/coderwall.svg" width="100" title="Coderwall"><br>250 bytes</td>
 <td>CoffeeScript<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/coffeescript.svg" width="100" title="CoffeeScript"><br>525 bytes</td>
 <td>Coil<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/coil.svg" width="100" title="Coil"><br>507 bytes</td>
diff --git a/images/reference/index.md b/images/reference/index.md
index e2fa5563..82f9865c 100644
--- a/images/reference/index.md
+++ b/images/reference/index.md
@@ -85,7 +85,7 @@ Where possible this links to the organisation's brand guidelines page.
 | <img src="/images/svg/andotp.svg" width="256"/>	| <img src="/images/reference/andotp.png" width="256"/>	| https://github.com/andOTP/andOTP	|
 | <img src="/images/svg/blogger.svg" width="256" />	| <img src="/images/reference/blogger.png" width="256" />	| https://www.blogger.com/img/blogger-logotype-color-black-2x.png	|
 | <img src="/images/svg/cloudflare.svg" width="256" />	| <img src="/images/reference/cloudflare.svg" width="256" />	| https://www.cloudflare.com/logo/	|
-| <img src="/images/svg/codepen.svg" width="256" />	| <img src="/images/reference/codepen.svg" width="256" />	| https://production-assets.codepen.io/assets/footer/codepen-logo-midgray-0711f75fbf09cc2e68d3836668e0eba8c28d76760d1e40386095ce503428bd03.svg	|
+| <img src="/images/svg/codepen.svg" width="256" />	| <img src="/images/reference/codepen.svg" width="256" />	| https://blog.codepen.io/documentation/logos/ |
 | <img src="/images/svg/digitalocean.svg" width="256" />	| <img src="/images/reference/digitalocean.svg" width="256" />	| https://www.digitalocean.com/company/logos-and-badges/	|
 | <img src="/images/svg/discord.svg" width="256" />	| <img src="/images/reference/discord.svg" width="256" />	| https://discordapp.com/branding	|
 | <img src="/images/svg/medium.svg" width="256" />	| <img src="/images/reference/medium.svg" width="256" />	| https://medium.design/logos-and-brand-guidelines-f1a01a733592	|
diff --git a/images/svg/codepen.svg b/images/svg/codepen.svg
index a092a7d4..a9e57f0f 100644
--- a/images/svg/codepen.svg
+++ b/images/svg/codepen.svg
@@ -1,10 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg"
 aria-label="CodePen" role="img"
 viewBox="0 0 512 512"><rect
-width="512" height="512"
-fill="#111"/><path
-fill="none"
-stroke="#e6e6e6"
-stroke-width="33"
-stroke-linejoin="round"
-d="M81 198v116l175 117 175-117V198L256 81 81 198l175 116 175-116M256 81v117M81 314l175-116 175 116M256 431V314"/></svg>
\ No newline at end of file
+width="512" height="512"/><path
+fill="none" stroke="#fff" stroke-width="33" stroke-linejoin="round" d="M256 314 431 198 256 81 81 198ZV431L431 314 256 198 81 314 256 431M81 198V314m350 0V198m-175 0V81"/></svg>
\ No newline at end of file