diff --git a/README.md b/README.md
index f3f8d5df..9a833eb6 100644
--- a/README.md
+++ b/README.md
@@ -104,6 +104,14 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
 <td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/blogger.svg" width="125" title="Blogger" /><br>479 Bytes</td>
 <td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/cloudflare.svg" width="125" title="CloudFlare" /><br>538 Bytes</td>
 </tr>
+<tr>
+<td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/codepen.svg" width="125" title="CodePen" /><br>616 Bytes</td>
+<td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/digitalocean.svg" width="125" title="Digital Ocean" /><br>400 Bytes</td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+</tr>
 </table>
 
 ## Why so smallious?
@@ -159,6 +167,6 @@ The majority of these vector logos are based on someone else's work.
 
 From [SVGporn](https://github.com/gilbarbara/logos/) - CC0
 
-IBM, Yammer, Android, Authy, ClourFlare
+IBM, Yammer, Android, Authy, ClourFlare, CodePen
 
 Where possible, they retain their original licenses.  Some logos may be subject to copyright and trademark laws, but these files are small enough to memorise.
diff --git a/javascript.js b/javascript.js
index e93cdd51..a5c9a506 100644
--- a/javascript.js
+++ b/javascript.js
@@ -9,7 +9,8 @@ var items = [
   'line', 'lastpass', 'windows', 'digidentity', 'ubuntu', 'bitbucket',
   'apple', 'npm', 'docker', 'symantec', 'yubico', 'keybase',
   'ebay', 'evernote', 'kickstarter', 'yahoo', 'bitcoin', 'bluetooth',
-  'ibm', 'yammer', 'android', 'authy', 'blogger', 'cloudflare'
+  'ibm', 'yammer', 'android', 'authy', 'blogger', 'cloudflare',
+  'codepen', 'digitalocean'
 ];
 
 var container = document.querySelector('.icons');
diff --git a/tiny/codepen.svg b/tiny/codepen.svg
new file mode 100644
index 00000000..4ea7a508
--- /dev/null
+++ b/tiny/codepen.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<rect height="512" rx="15%" width="512" fill="#111"/>
+<path d="M496 179l-1-1v-1l-1-2v-1l-1-1v-1a21 21 0 0 0-3-4h-1l-1-1-1-1L267 19c-6-4-16-4-22 0L25 166l-1 1a29 29 0 0 0-3 3h-1l-1 2v1l-1 1v1l-1 2v1l-1 1v154l1 1v1l1 2v1a26 26 0 0 0 2 3l1 1 1 1 1 1 1 1 1 1 220 147c3 2 7 3 11 3s8-1 11-3l220-147 1-1 1-1h1a19 19 0 0 0 4-6v-1l1-2v-1l1-1v-1-149-3-1zM256 305l-73-49 73-49 73 49zm-21-134l-89 60-72-48L235 75zm-126 85l-52 35v-70zm37 25l89 60v96L74 329l72-48zm131 60l89-60 72 48-161 108zm126-85l52-35v70l-52-35zm-37-25l-89-60V75l161 108z" fill="#878787"/>
+</svg>
\ No newline at end of file
diff --git a/tiny/digitalocean.svg b/tiny/digitalocean.svg
new file mode 100644
index 00000000..c0dc752e
--- /dev/null
+++ b/tiny/digitalocean.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#0080ff">
+<rect height="512" rx="5%" width="512" fill="#fff"/>
+<path d="M256 391v85c144 0 256.2-139.2 209-290.1-20.5-66-73-118.4-138.9-139A220.8 220.8 0 0 0 36 256h85.2c0-90.4 89.5-160.3 184.5-125.8a127.6 127.6 0 0 1 76.1 76 135.4 135.4 0 0 1-125.6 184.6v-84.7h-85v85zm-84.8 65.3H106V391h65.2v65.3zM106 391H51.3v-54.7H106z"/>
+</svg>
\ No newline at end of file