diff --git a/css/font-awesome.css b/css/font-awesome.css
index 3e3e5f892..574c886c9 100644
--- a/css/font-awesome.css
+++ b/css/font-awesome.css
@@ -1486,3 +1486,9 @@
 .fa-vine:before {
   content: "\f1ca";
 }
+.fa-codepen:before {
+  content: "\f1cb";
+}
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css
index 3e3e5f892..574c886c9 100644
--- a/css/font-awesome.min.css
+++ b/css/font-awesome.min.css
@@ -1486,3 +1486,9 @@
 .fa-vine:before {
   content: "\f1ca";
 }
+.fa-codepen:before {
+  content: "\f1cb";
+}
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
index 27264ae9e..992127e04 100644
Binary files a/fonts/FontAwesome.otf and b/fonts/FontAwesome.otf differ
diff --git a/less/icons.less b/less/icons.less
index 767bbfb31..7db1eb151 100644
--- a/less/icons.less
+++ b/less/icons.less
@@ -471,3 +471,5 @@
 .@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; }
 .@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; }
 .@{fa-css-prefix}-vine:before { content: @fa-var-vine; }
+.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }
+.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }
diff --git a/less/variables.less b/less/variables.less
index ce0357a46..057a9b9b9 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -107,6 +107,7 @@
 @fa-var-cloud-upload: "\f0ee";
 @fa-var-code: "\f121";
 @fa-var-code-fork: "\f126";
+@fa-var-codepen: "\f1cb";
 @fa-var-coffee: "\f0f4";
 @fa-var-cog: "\f013";
 @fa-var-cogs: "\f085";
@@ -225,6 +226,7 @@
 @fa-var-italic: "\f033";
 @fa-var-joomla: "\f1aa";
 @fa-var-jpy: "\f157";
+@fa-var-jsfiddle: "\f1cc";
 @fa-var-key: "\f084";
 @fa-var-keyboard-o: "\f11c";
 @fa-var-krw: "\f159";
diff --git a/scss/_icons.scss b/scss/_icons.scss
index 64898d149..afa3f8e15 100644
--- a/scss/_icons.scss
+++ b/scss/_icons.scss
@@ -108,6 +108,7 @@
 .#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
 .#{$fa-css-prefix}-code:before { content: $fa-var-code; }
 .#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
 .#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
 .#{$fa-css-prefix}-gear:before,
 .#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
@@ -243,6 +244,7 @@
 .#{$fa-css-prefix}-rmb:before,
 .#{$fa-css-prefix}-yen:before,
 .#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
 .#{$fa-css-prefix}-key:before { content: $fa-var-key; }
 .#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
 .#{$fa-css-prefix}-won:before,
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 87f5e04a3..542e91ce5 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -107,6 +107,7 @@ $fa-var-cloud-download: "\f0ed";
 $fa-var-cloud-upload: "\f0ee";
 $fa-var-code: "\f121";
 $fa-var-code-fork: "\f126";
+$fa-var-codepen: "\f1cb";
 $fa-var-coffee: "\f0f4";
 $fa-var-cog: "\f013";
 $fa-var-cogs: "\f085";
@@ -225,6 +226,7 @@ $fa-var-instagram: "\f16d";
 $fa-var-italic: "\f033";
 $fa-var-joomla: "\f1aa";
 $fa-var-jpy: "\f157";
+$fa-var-jsfiddle: "\f1cc";
 $fa-var-key: "\f084";
 $fa-var-keyboard-o: "\f11c";
 $fa-var-krw: "\f159";
diff --git a/src/assets/font-awesome/fonts/FontAwesome.otf b/src/assets/font-awesome/fonts/FontAwesome.otf
index 27264ae9e..992127e04 100644
Binary files a/src/assets/font-awesome/fonts/FontAwesome.otf and b/src/assets/font-awesome/fonts/FontAwesome.otf differ
diff --git a/src/icons.yml b/src/icons.yml
index f86337324..06bd692bb 100644
--- a/src/icons.yml
+++ b/src/icons.yml
@@ -3086,3 +3086,17 @@ icons:
     created:    4.1
     categories:
       - Brand Icons
+
+  - name:       Codepen
+    id:         codepen
+    unicode:    f1cb
+    created:    4.1
+    categories:
+      - Brand Icons
+
+  - name:       jsFiddle
+    id:         jsfiddle
+    unicode:    f1cc
+    created:    4.1
+    categories:
+      - Brand Icons