diff --git a/assets/images/docs.png b/assets/images/docs-1.png
similarity index 67%
rename from assets/images/docs.png
rename to assets/images/docs-1.png
index 2b22418e..e1c9ce11 100644
Binary files a/assets/images/docs.png and b/assets/images/docs-1.png differ
diff --git a/assets/images/docs@2x.png b/assets/images/docs-1@2x.png
similarity index 80%
rename from assets/images/docs@2x.png
rename to assets/images/docs-1@2x.png
index f250d321..33eeaa4f 100644
Binary files a/assets/images/docs@2x.png and b/assets/images/docs-1@2x.png differ
diff --git a/assets/images/docs-2.png b/assets/images/docs-2.png
new file mode 100644
index 00000000..276d1f56
Binary files /dev/null and b/assets/images/docs-2.png differ
diff --git a/assets/images/docs-2@2x.png b/assets/images/docs-2@2x.png
new file mode 100644
index 00000000..d4b8f4cb
Binary files /dev/null and b/assets/images/docs-2@2x.png differ
diff --git a/assets/stylesheets/application-dark.css.scss b/assets/stylesheets/application-dark.css.scss
index ffdb1831..bec52cb0 100644
--- a/assets/stylesheets/application-dark.css.scss
+++ b/assets/stylesheets/application-dark.css.scss
@@ -1,7 +1,9 @@
 //= depend_on icons.png
 //= depend_on icons@2x.png
-//= depend_on docs.png
-//= depend_on docs@2x.png
+//= depend_on docs-1.png
+//= depend_on docs-1@2x.png
+//= depend_on docs-2.png
+//= depend_on docs-2@2x.png
 
 /*!
  * Copyright 2013-2017 Thibaut Courouble and other contributors
diff --git a/assets/stylesheets/application.css.scss b/assets/stylesheets/application.css.scss
index 54f8e858..8b79deab 100644
--- a/assets/stylesheets/application.css.scss
+++ b/assets/stylesheets/application.css.scss
@@ -1,7 +1,9 @@
 //= depend_on icons.png
 //= depend_on icons@2x.png
-//= depend_on docs.png
-//= depend_on docs@2x.png
+//= depend_on docs-1.png
+//= depend_on docs-1@2x.png
+//= depend_on docs-2.png
+//= depend_on docs-2@2x.png
 
 /*!
  * Copyright 2013-2017 Thibaut Courouble and other contributors
diff --git a/assets/stylesheets/global/_icons.scss b/assets/stylesheets/global/_icons.scss
index 154eb2ae..ed5af50f 100644
--- a/assets/stylesheets/global/_icons.scss
+++ b/assets/stylesheets/global/_icons.scss
@@ -7,21 +7,23 @@
   background-size: 4rem 3rem;
 }
 
-@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
-  %icon { background-image: image-url('icons@2x.png'); }
-}
-
 %doc-icon {
   content: '';
   display: block;
   width: 1rem;
   height: 1rem;
-  background-image: image-url('docs.png');
-  background-size: 10rem 12rem;
+  background-image: image-url('docs-1.png');
+  background-size: 10rem 10rem;
+}
+
+%doc-icon-2 {
+  background-image: image-url('docs-2.png');
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
-  %doc-icon { background-image: image-url('docs@2x.png'); }
+  %icon { background-image: image-url('icons@2x.png'); }
+  %doc-icon { background-image: image-url('docs-1@2x.png'); }
+  %doc-icon-2 { background-image: image-url('docs-2@2x.png'); }
 }
 
 %darkIconFix {
@@ -148,23 +150,24 @@
 ._icon-flow:before          { background-position: -7rem -9rem; }
 ._icon-relay:before         { background-position: -8rem -9rem; }
 ._icon-phoenix:before       { background-position: -9rem -9rem; }
-._icon-tcl_tk:before        { background-position: 0 -10rem; }
-._icon-erlang:before        { background-position: -1rem -10rem; }
-._icon-chef:before          { background-position: -2rem -10rem; }
-._icon-ramda:before         { background-position: -3rem -10rem; @extend %darkIconFix !optional; }
-._icon-codeigniter:before   { background-position: -4rem -10rem; @extend %darkIconFix !optional; }
-._icon-influxdata:before    { background-position: -5rem -10rem; @extend %darkIconFix !optional; }
-._icon-tensorflow:before    { background-position: -6rem -10rem; }
-._icon-haxe:before          { background-position: -7rem -10rem; }
-._icon-ansible:before       { background-position: -8rem -10rem; @extend %darkIconFix !optional; }
-._icon-typescript:before    { background-position: -9rem -10rem; }
-._icon-browser_support_tables:before { background-position: 0rem -11rem; }
-._icon-gnu_fortran:before   { background-position: -1rem -11rem; }
-._icon-gcc:before           { background-position: -2rem -11rem; }
-._icon-perl:before          { background-position: -3rem -11rem; }
-._icon-apache_pig:before    { background-position: -4rem -11rem; }
-._icon-numpy:before         { background-position: -5rem -11rem; }
-._icon-kotlin:before        { background-position: -6rem -11rem; }
-._icon-padrino:before       { background-position: -7rem -11rem; }
-._icon-angular:before       { background-position: -8rem -11rem; }
-._icon-love:before          { background-position: -9rem -11rem; }
+
+._icon-tcl_tk:before        { background-position: 0 0; @extend %doc-icon-2; }
+._icon-erlang:before        { background-position: -1rem 0; @extend %doc-icon-2; }
+._icon-chef:before          { background-position: -2rem 0; @extend %doc-icon-2; }
+._icon-ramda:before         { background-position: -3rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
+._icon-codeigniter:before   { background-position: -4rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
+._icon-influxdata:before    { background-position: -5rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
+._icon-tensorflow:before    { background-position: -6rem 0; @extend %doc-icon-2; }
+._icon-haxe:before          { background-position: -7rem 0; @extend %doc-icon-2; }
+._icon-ansible:before       { background-position: -8rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
+._icon-typescript:before    { background-position: -9rem 0; @extend %doc-icon-2; }
+._icon-browser_support_tables:before { background-position: 0rem -1rem; @extend %doc-icon-2; }
+._icon-gnu_fortran:before   { background-position: -1rem -1rem; @extend %doc-icon-2; }
+._icon-gcc:before           { background-position: -2rem -1rem; @extend %doc-icon-2; }
+._icon-perl:before          { background-position: -3rem -1rem; @extend %doc-icon-2; }
+._icon-apache_pig:before    { background-position: -4rem -1rem; @extend %doc-icon-2; }
+._icon-numpy:before         { background-position: -5rem -1rem; @extend %doc-icon-2; }
+._icon-kotlin:before        { background-position: -6rem -1rem; @extend %doc-icon-2; }
+._icon-padrino:before       { background-position: -7rem -1rem; @extend %doc-icon-2; }
+._icon-angular:before       { background-position: -8rem -1rem; @extend %doc-icon-2; }
+._icon-love:before          { background-position: -9rem -1rem; @extend %doc-icon-2; }
diff --git a/views/manifest.erb b/views/manifest.erb
index 48d2c224..b0d601aa 100644
--- a/views/manifest.erb
+++ b/views/manifest.erb
@@ -8,8 +8,10 @@ CACHE:
 <%= stylesheet_path 'application-dark' %>
 <%= image_path 'icons.png' %>
 <%= image_path 'icons@2x.png' %>
-<%= image_path 'docs.png' %>
-<%= image_path 'docs@2x.png' %>
+<%= image_path 'docs-1.png' %>
+<%= image_path 'docs-1@2x.png' %>
+<%= image_path 'docs-2.png' %>
+<%= image_path 'docs-2@2x.png' %>
 <%= asset_path 'docs.js' %>
 <%= doc_index_urls.join "\n" %>