diff --git a/packages/app/public/csb-ios.svg b/packages/app/public/csb-ios.svg
new file mode 100644
index 00000000000..bac5f937241
--- /dev/null
+++ b/packages/app/public/csb-ios.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3381 6990 c-48 -10 -132 -49 -226 -104 -33 -20 -67 -39 -75 -43 -8
+-4 -35 -19 -60 -33 -47 -27 -557 -317 -645 -366 -27 -15 -180 -101 -340 -192
+-159 -90 -315 -178 -345 -195 -30 -17 -68 -38 -85 -47 -34 -20 -455 -259 -525
+-298 -25 -14 -112 -63 -195 -110 -82 -47 -175 -99 -205 -115 -144 -78 -216
+-165 -236 -282 -4 -22 -7 -773 -7 -1670 0 -1300 2 -1638 13 -1670 33 -103 111
+-184 256 -266 54 -32 155 -90 224 -129 69 -40 145 -84 170 -98 25 -14 105 -61
+179 -104 74 -43 135 -78 137 -78 1 0 48 -27 103 -60 56 -33 106 -60 111 -60 6
+0 10 -4 10 -10 0 -5 4 -10 10 -10 5 0 44 -21 87 -46 43 -25 107 -62 143 -82
+36 -19 72 -41 81 -48 8 -8 18 -14 21 -14 3 0 57 -30 119 -66 63 -37 134 -78
+159 -92 25 -14 78 -45 118 -69 41 -24 75 -43 77 -43 2 0 56 -31 121 -70 64
+-38 118 -70 120 -70 2 0 41 -22 86 -49 46 -27 99 -58 118 -68 19 -11 80 -46
+135 -78 365 -212 366 -213 471 -209 64 2 101 16 209 77 98 55 686 391 875 500
+96 55 236 135 310 177 74 42 232 132 350 200 118 68 229 131 245 140 17 10
+237 135 490 280 253 144 474 277 492 295 41 43 69 99 79 160 10 67 11 3235 1
+3304 -17 119 -112 226 -282 321 -54 30 -115 64 -134 75 -45 25 -950 543 -971
+555 -138 82 -635 360 -641 360 -5 0 -9 5 -9 10 0 6 -4 10 -9 10 -4 0 -183 100
+-397 222 -214 122 -413 230 -442 240 -62 22 -225 31 -291 18z m-762 -1017 c36
+-20 83 -47 103 -60 21 -13 39 -23 41 -23 2 0 59 -32 128 -71 68 -40 144 -83
+169 -97 25 -14 108 -61 185 -105 77 -44 158 -88 180 -98 66 -29 121 -19 233
+44 53 30 113 64 132 74 19 11 116 66 214 122 99 56 197 112 219 124 22 12 47
+27 56 32 84 52 175 95 208 99 56 5 86 -7 273 -113 91 -52 179 -102 195 -111
+68 -39 593 -335 632 -357 51 -29 63 -43 67 -81 9 -65 -6 -76 -377 -287 -9 -5
+-114 -66 -233 -135 -119 -69 -235 -136 -258 -149 -22 -13 -86 -49 -141 -81
+-55 -32 -116 -67 -135 -78 -19 -10 -197 -113 -395 -227 -198 -115 -378 -218
+-401 -230 -22 -13 -58 -34 -80 -47 -113 -70 -156 -66 -324 32 -69 40 -141 81
+-160 92 -19 11 -93 54 -165 96 -71 41 -146 84 -165 95 -94 52 -364 207 -430
+246 -30 18 -472 273 -748 431 -155 90 -288 172 -294 183 -16 30 -12 76 8 98 9
+10 94 62 188 115 94 54 191 109 216 123 25 14 57 33 72 41 15 8 63 35 105 59
+43 25 96 55 118 67 22 12 109 61 194 110 85 48 171 93 190 100 52 18 104 8
+180 -33z m3537 -1414 c12 -23 14 -134 14 -671 0 -430 -4 -656 -11 -682 -16
+-56 -50 -86 -174 -151 -211 -111 -280 -148 -290 -155 -5 -4 -73 -40 -150 -80
+-277 -145 -431 -232 -459 -258 -56 -53 -56 -49 -56 -585 0 -272 -3 -509 -7
+-527 -7 -39 -62 -97 -118 -126 -45 -24 -631 -358 -770 -439 -182 -107 -225
+-118 -264 -69 -21 27 -21 28 -21 1228 0 1142 1 1203 19 1241 27 61 66 93 202
+170 139 79 119 67 484 277 527 302 960 551 995 571 19 11 96 54 170 97 74 43
+153 88 175 100 22 12 69 39 105 60 36 20 72 39 80 42 24 8 60 -13 76 -43z
+m-5147 -4 c22 -14 43 -25 45 -25 2 0 60 -32 128 -71 67 -40 148 -85 178 -102
+30 -17 83 -48 118 -69 34 -21 64 -38 66 -38 2 0 77 -43 166 -95 89 -52 163
+-95 165 -95 1 0 64 -36 140 -80 76 -44 139 -80 141 -80 2 0 28 -16 58 -35 30
+-19 58 -35 61 -35 3 0 22 -11 43 -23 20 -13 62 -38 92 -54 30 -17 154 -88 275
+-158 121 -70 245 -141 275 -158 99 -55 128 -76 157 -113 l28 -37 3 -1222 2
+-1222 -21 -26 c-40 -52 -80 -40 -339 110 -97 56 -300 173 -340 195 -25 14 -64
+36 -86 49 -23 13 -111 64 -196 113 -154 88 -183 113 -193 168 -3 12 -5 236 -5
+497 -1 531 -1 531 -71 583 -19 14 -164 100 -324 190 -159 91 -306 175 -325
+187 -19 11 -41 24 -49 28 -8 4 -75 42 -149 85 -74 43 -137 78 -141 78 -16 0
+-62 59 -71 91 -16 54 -13 1328 3 1359 15 30 72 51 104 39 12 -4 40 -20 62 -34z"/>
+</g>
+</svg>
diff --git a/packages/app/public/favicon.ico b/packages/app/public/favicon.ico
index 2972cbb011b..1dd931d45f0 100644
Binary files a/packages/app/public/favicon.ico and b/packages/app/public/favicon.ico differ
diff --git a/packages/app/src/app/favicon.ico b/packages/app/src/app/favicon.ico
index 47a650de663..1dd931d45f0 100644
Binary files a/packages/app/src/app/favicon.ico and b/packages/app/src/app/favicon.ico differ
diff --git a/packages/app/src/app/index.html b/packages/app/src/app/index.html
index fc0adbb306a..3ef29bc044b 100644
--- a/packages/app/src/app/index.html
+++ b/packages/app/src/app/index.html
@@ -20,7 +20,8 @@
 	<meta property="twitter:image:width" content="1200">
 	<meta property="twitter:image:height" content="630">
 	<meta name="description" content="CodeSandbox is an online editor tailored for web applications.">
-	<link rel="shortcut icon" href="/favicon.ico">
+  <link rel="shortcut icon" href="/favicon.ico">
+  <link rel="mask-icon" href="csb-ios.svg" color="#fff">
 	<link rel="manifest" href="/manifest.json">
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
 	<script>
diff --git a/packages/app/src/embed/index.html b/packages/app/src/embed/index.html
index 80f64be00f6..6b0d7658a7c 100644
--- a/packages/app/src/embed/index.html
+++ b/packages/app/src/embed/index.html
@@ -23,6 +23,7 @@
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Source Code Pro:500" rel="stylesheet">
     <link href="/static/fonts/inter/inter.css" rel="stylesheet">
     <link rel="manifest" href="/manifest.json">
+    <link rel="mask-icon" href="csb-ios.svg" color="#fff">
     <link rel="shortcut icon" href="/favicon.ico">
     <title>Embed - CodeSandbox</title>
     <!-- Google Tag Manager -->
diff --git a/packages/app/src/sandbox/index.html b/packages/app/src/sandbox/index.html
index 4b37f6b5fcf..945688018c9 100644
--- a/packages/app/src/sandbox/index.html
+++ b/packages/app/src/sandbox/index.html
@@ -7,6 +7,7 @@
     <title>Sandbox - CodeSandbox</title>
     <link rel="manifest" href="/manifest.json">
     <link rel="shortcut icon" href="/favicon.ico">
+    <link rel="mask-icon" href="csb-ios.svg" color="#fff">
     <script src="<%= webpackConfig.output.publicPath %>static/browserfs7/browserfs.min.js"
       type="text/javascript"></script>