diff --git a/packages/harmony/.storybook/manager-head.html b/packages/harmony/.storybook/manager-head.html
index 064eec5eecf..60c5cae4a8f 100644
--- a/packages/harmony/.storybook/manager-head.html
+++ b/packages/harmony/.storybook/manager-head.html
@@ -1,3 +1,26 @@
+<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
+<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
+<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
+<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
+<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
+<link rel="icon" type="image/svg+xml" href="favicon.svg">
+<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
+<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
+<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
+<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
+<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
+<meta name="application-name" content="&nbsp;"/>
+<meta name="msapplication-TileColor" content="#FFFFFF" />
+<meta name="msapplication-TileImage" content="mstile-144x144.png" />
+<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
+<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
+<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
+<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
+
 <style>
 
   .sidebar-header > div {
diff --git a/packages/harmony/.storybook/public/android-chrome-192x192.png b/packages/harmony/.storybook/public/android-chrome-192x192.png
new file mode 100644
index 00000000000..66dc06c1c5a
Binary files /dev/null and b/packages/harmony/.storybook/public/android-chrome-192x192.png differ
diff --git a/packages/harmony/.storybook/public/android-chrome-512x512.png b/packages/harmony/.storybook/public/android-chrome-512x512.png
new file mode 100644
index 00000000000..76f8f99d6a7
Binary files /dev/null and b/packages/harmony/.storybook/public/android-chrome-512x512.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-114x114.png b/packages/harmony/.storybook/public/apple-touch-icon-114x114.png
new file mode 100644
index 00000000000..a87c342b0ea
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-114x114.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-120x120.png b/packages/harmony/.storybook/public/apple-touch-icon-120x120.png
new file mode 100644
index 00000000000..69f377e0c50
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-120x120.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-144x144.png b/packages/harmony/.storybook/public/apple-touch-icon-144x144.png
new file mode 100644
index 00000000000..09616f4a9b8
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-144x144.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-152x152.png b/packages/harmony/.storybook/public/apple-touch-icon-152x152.png
new file mode 100644
index 00000000000..2f1d0dc32cd
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-152x152.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-167x167.png b/packages/harmony/.storybook/public/apple-touch-icon-167x167.png
new file mode 100644
index 00000000000..5e2bcbedc13
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-167x167.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-180x180.png b/packages/harmony/.storybook/public/apple-touch-icon-180x180.png
new file mode 100644
index 00000000000..9d2403f1283
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-180x180.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-57x57.png b/packages/harmony/.storybook/public/apple-touch-icon-57x57.png
new file mode 100644
index 00000000000..4f8b0ee06c1
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-57x57.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-60x60.png b/packages/harmony/.storybook/public/apple-touch-icon-60x60.png
new file mode 100644
index 00000000000..d6da7d6ccdf
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-60x60.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-72x72.png b/packages/harmony/.storybook/public/apple-touch-icon-72x72.png
new file mode 100644
index 00000000000..0c8eba22229
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-72x72.png differ
diff --git a/packages/harmony/.storybook/public/apple-touch-icon-76x76.png b/packages/harmony/.storybook/public/apple-touch-icon-76x76.png
new file mode 100644
index 00000000000..f8d3d88f208
Binary files /dev/null and b/packages/harmony/.storybook/public/apple-touch-icon-76x76.png differ
diff --git a/packages/harmony/.storybook/public/favicon-128x128.png b/packages/harmony/.storybook/public/favicon-128x128.png
new file mode 100644
index 00000000000..9438c9f3fbc
Binary files /dev/null and b/packages/harmony/.storybook/public/favicon-128x128.png differ
diff --git a/packages/harmony/.storybook/public/favicon-16x16.png b/packages/harmony/.storybook/public/favicon-16x16.png
new file mode 100644
index 00000000000..1adc4045ce6
Binary files /dev/null and b/packages/harmony/.storybook/public/favicon-16x16.png differ
diff --git a/packages/harmony/.storybook/public/favicon-196x196.png b/packages/harmony/.storybook/public/favicon-196x196.png
new file mode 100644
index 00000000000..5ad50c0b951
Binary files /dev/null and b/packages/harmony/.storybook/public/favicon-196x196.png differ
diff --git a/packages/harmony/.storybook/public/favicon-32x32.png b/packages/harmony/.storybook/public/favicon-32x32.png
new file mode 100644
index 00000000000..3d56fd8be10
Binary files /dev/null and b/packages/harmony/.storybook/public/favicon-32x32.png differ
diff --git a/packages/harmony/.storybook/public/favicon-96x96.png b/packages/harmony/.storybook/public/favicon-96x96.png
new file mode 100644
index 00000000000..706c19ff70a
Binary files /dev/null and b/packages/harmony/.storybook/public/favicon-96x96.png differ
diff --git a/packages/harmony/.storybook/public/favicon.ico b/packages/harmony/.storybook/public/favicon.ico
deleted file mode 100644
index 11cb9f44661..00000000000
Binary files a/packages/harmony/.storybook/public/favicon.ico and /dev/null differ
diff --git a/packages/harmony/.storybook/public/favicon.svg b/packages/harmony/.storybook/public/favicon.svg
new file mode 100644
index 00000000000..3a45a79ae6a
--- /dev/null
+++ b/packages/harmony/.storybook/public/favicon.svg
@@ -0,0 +1,6 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="white"/>
+<path d="M460.646 465.093C464.556 461.62 466.029 455.617 463.209 450.541L359.155 269.391C355.584 263.175 346.615 263.206 343.087 269.447L238.697 454.159C235.209 460.331 239.663 467.977 246.747 467.977L453.017 467.977C454.167 467.977 455.261 467.815 456.284 467.515C457.941 467.031 459.414 466.188 460.646 465.093Z" fill="#2B2B2B"/>
+<path d="M281.75 162.882C285.275 156.645 294.237 156.609 297.812 162.817L333.959 225.587C335.594 228.426 335.608 231.919 333.996 234.771L204.842 463.3C203.201 466.205 200.125 468 196.792 468H152.812C152.805 468 152.8 467.995 152.8 467.988C152.8 467.982 152.795 467.977 152.789 467.977H128.966C120.042 467.977 114.107 458.204 118.774 450.541L152.767 391.241C152.789 391.203 152.8 391.16 152.8 391.116C152.8 391.072 152.811 391.029 152.833 390.992L281.75 162.882Z" fill="#2B2B2B"/>
+<path d="M272.649 128.222C274.261 125.37 274.247 121.879 272.613 119.04L232.16 48.7472C229.243 43.9579 223.832 42.1619 219.15 43.3592C216.34 44.0776 213.793 45.8736 212.204 48.7472L95.8302 249.439L48.6952 331.498C44.0288 339.161 49.5548 348.935 58.4579 348.935H142.519C145.852 348.935 148.927 347.139 150.569 344.235L272.649 128.222Z" fill="#2B2B2B"/>
+</svg>
diff --git a/packages/harmony/.storybook/public/mstile-144x144.png b/packages/harmony/.storybook/public/mstile-144x144.png
new file mode 100644
index 00000000000..09616f4a9b8
Binary files /dev/null and b/packages/harmony/.storybook/public/mstile-144x144.png differ
diff --git a/packages/harmony/.storybook/public/mstile-150x150.png b/packages/harmony/.storybook/public/mstile-150x150.png
new file mode 100644
index 00000000000..66509a91c7e
Binary files /dev/null and b/packages/harmony/.storybook/public/mstile-150x150.png differ
diff --git a/packages/harmony/.storybook/public/mstile-310x150.png b/packages/harmony/.storybook/public/mstile-310x150.png
new file mode 100644
index 00000000000..064a4e0f0dc
Binary files /dev/null and b/packages/harmony/.storybook/public/mstile-310x150.png differ
diff --git a/packages/harmony/.storybook/public/mstile-310x310.png b/packages/harmony/.storybook/public/mstile-310x310.png
new file mode 100644
index 00000000000..fbebfd79a22
Binary files /dev/null and b/packages/harmony/.storybook/public/mstile-310x310.png differ
diff --git a/packages/harmony/.storybook/public/mstile-70x70.png b/packages/harmony/.storybook/public/mstile-70x70.png
new file mode 100644
index 00000000000..549a663338c
Binary files /dev/null and b/packages/harmony/.storybook/public/mstile-70x70.png differ