From e41b21f5672743a5db6ce217b5932b54c9a40998 Mon Sep 17 00:00:00 2001
From: Alastair Tse <alastair@liquidx.net>
Date: Thu, 18 May 2017 12:21:26 -0400
Subject: [PATCH] chore(demos): Add favicon to all demo pages. (#648)

---
 demos/button.html                                 |   1 +
 demos/card.html                                   |   3 ++-
 demos/checkbox.html                               |   1 +
 demos/dialog.html                                 |   1 +
 demos/drawer/permanent-drawer-above-toolbar.html  |   1 +
 demos/drawer/permanent-drawer-below-toolbar.html  |   1 +
 demos/drawer/persistent-drawer.html               |   1 +
 demos/drawer/temporary-drawer.html                |   1 +
 demos/elevation.html                              |   1 +
 demos/fab.html                                    |   1 +
 demos/grid-list.html                              |   1 +
 demos/icon-toggle.html                            |   1 +
 .../images/logo_components_color_2x_web_48dp.png  | Bin 0 -> 725 bytes
 demos/index.html                                  |   1 +
 demos/layout-grid.html                            |   1 +
 demos/list.html                                   |   1 +
 demos/radio.html                                  |   1 +
 demos/ripple.html                                 |   1 +
 demos/select.html                                 |   1 +
 demos/simple-menu.html                            |   1 +
 demos/snackbar.html                               |   1 +
 demos/switch.html                                 |   1 +
 demos/tabs.html                                   |   1 +
 demos/textfield.html                              |   1 +
 demos/theme.html                                  |   1 +
 demos/toolbar/default-flexible-toolbar.html       |   1 +
 demos/toolbar/default-toolbar.html                |   1 +
 demos/toolbar/fixed-toolbar.html                  |   1 +
 demos/toolbar/index.html                          |   1 +
 .../waterfall-flexible-toolbar-custom-style.html  |   1 +
 demos/toolbar/waterfall-flexible-toolbar.html     |   1 +
 demos/toolbar/waterfall-toolbar-fix-last-row.html |   1 +
 demos/toolbar/waterfall-toolbar.html              |   1 +
 demos/typography.html                             |   1 +
 34 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100755 demos/images/logo_components_color_2x_web_48dp.png

diff --git a/demos/button.html b/demos/button.html
index 0443e8dc1c3..2dc4a72b49f 100644
--- a/demos/button.html
+++ b/demos/button.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>Button - Material Compoonents Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/card.html b/demos/card.html
index 40950753eb4..43c315cade4 100644
--- a/demos/card.html
+++ b/demos/card.html
@@ -20,6 +20,7 @@
   <meta charset="utf-8">
   <title>Card - Material Compoonents Catalog</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
   <script src="assets/material-components-web.css.js" charset="utf-8"></script>
   <link href="demos.css" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
@@ -87,7 +88,7 @@
       height: 10.938rem;
       /* 175sp, for 1:1 ratio with 175sp demo card width */
     }
-    
+
     .demo-card--bg-demo {
       height: 21.875rem;
       /* 350sp */
diff --git a/demos/checkbox.html b/demos/checkbox.html
index b1935d53d0a..84b7b0b86df 100644
--- a/demos/checkbox.html
+++ b/demos/checkbox.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Checkbox - Material Compoonents Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/dialog.html b/demos/dialog.html
index 64553a073ca..890f42bde94 100644
--- a/demos/dialog.html
+++ b/demos/dialog.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Dialog - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/drawer/permanent-drawer-above-toolbar.html b/demos/drawer/permanent-drawer-above-toolbar.html
index 1d89f3cee00..1f3c2a23dda 100644
--- a/demos/drawer/permanent-drawer-above-toolbar.html
+++ b/demos/drawer/permanent-drawer-above-toolbar.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Drawer Above Toolbar - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link rel="stylesheet" href="../demos.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
diff --git a/demos/drawer/permanent-drawer-below-toolbar.html b/demos/drawer/permanent-drawer-below-toolbar.html
index 8f2b3b06217..3c3b9debb2d 100644
--- a/demos/drawer/permanent-drawer-below-toolbar.html
+++ b/demos/drawer/permanent-drawer-below-toolbar.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Drawer Below Toolbar - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link rel="stylesheet" href="../demos.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
diff --git a/demos/drawer/persistent-drawer.html b/demos/drawer/persistent-drawer.html
index b82becc7c69..e03c519b2d6 100644
--- a/demos/drawer/persistent-drawer.html
+++ b/demos/drawer/persistent-drawer.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Drawer (Persistent) - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link rel="stylesheet" href="../demos.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
diff --git a/demos/drawer/temporary-drawer.html b/demos/drawer/temporary-drawer.html
index 2aa375a8624..0d45792566d 100644
--- a/demos/drawer/temporary-drawer.html
+++ b/demos/drawer/temporary-drawer.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Drawer (Temporary) - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link rel="stylesheet" href="../demos.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
diff --git a/demos/elevation.html b/demos/elevation.html
index f46a6af767c..7451c654a1a 100644
--- a/demos/elevation.html
+++ b/demos/elevation.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Elevation - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/fab.html b/demos/fab.html
index d1be7a622cf..e87a26368e5 100644
--- a/demos/fab.html
+++ b/demos/fab.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>Floating Action Button - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/grid-list.html b/demos/grid-list.html
index 5a608f22486..143a1098696 100644
--- a/demos/grid-list.html
+++ b/demos/grid-list.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>Grid List - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/icon-toggle.html b/demos/icon-toggle.html
index e0893ae630f..e3e30681898 100644
--- a/demos/icon-toggle.html
+++ b/demos/icon-toggle.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>Icon Toggle - Material Components Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/images/logo_components_color_2x_web_48dp.png b/demos/images/logo_components_color_2x_web_48dp.png
new file mode 100755
index 0000000000000000000000000000000000000000..8b1297bc9a4bb0265a861fab87c95462e3dff64a
GIT binary patch
literal 725
zcmV;`0xJE9P)<h;3K|Lk000e1NJLTq003YB003YJ0{{R3)kcR30002YP)t-s0000Y
zA|fClAR!?k7Z(>HAt53nA|fIpAt50lAt50lAt50lKtMntAtC?&|JD51o%xfK`E-{0
zX`TFFs{UI6-EsxWY6!Jq45C>QdPf{QEam;?nE8mC`(v{ISpepC2E=F(g-jkYDDnRC
znfZ&V{#pXvauI_|A1WoT`m3b<T?5o^7GOO6|NWWxiLw7#5rj-3BO>zt^pp8<3#D2h
zDJ7Ema-;oS<Nf9kgiHp*XAGfO2((}Y$!Q!sEf!%s5Q9q#q*@^&ArXR0m5B1T0000D
zbW%=J07JFx3z?Wiv_<Vk1R6RD;s5{vt4TybRCodH*#&kSF${p=!Lk}o7OlmB@G|rL
z&s63iJxgW(7x*5SZJEByWU?I>1ackQO3U*>EZ<83d=Tu3mFOvmW+wng7I>BbTv@<P
z03e(JIKXRS1~7mD3}65Q7~ppUN5?0pXXh7}SEX`A9;nvp>O=UUMzbXfv^!n(Dg0Cr
zMsh%Wt-gd`y15ks?(QE{8i4rNlK}byr7{2<j`+acSY-n^?6HA+l?UJ>7l<G70leh_
z?TIP?ZXy=YQAGfT9AMfl27(p?sHtKAXAGcD0p|L^k)i-t(FTrbKv^3&p#ckR;FJa|
zwShAlu+j$3X+WTT5x+n}9N>}$th9kE8nDy`N;F`h4U}m>SsPf>fQmK%4J0%NeV|DJ
zW(=SeU|~Uv0l;H15CR8?Zm^)6hy}o=2)G3v09(xM5x78ah&k<gYyd_%!fph70D6y@
zQMea+nBCl9GWrFCP!uL+TyTg)pO#y*Ieyc8){=j_u9O$cRS>L}3$1G`KLe2Z^`AtJ
zEZ`&nTNZf!>%ST;?}_whX(IdC3lQjq^U})fl|Yus^tbgEPO_`*M@s7*00000NkvXX
Hu0mjfQ<o_N

literal 0
HcmV?d00001

diff --git a/demos/index.html b/demos/index.html
index 7a09794feaa..e7ba7a25f4a 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/layout-grid.html b/demos/layout-grid.html
index 8eaf4a9f916..2e96b86e564 100644
--- a/demos/layout-grid.html
+++ b/demos/layout-grid.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Layout Grid - Material Components</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/list.html b/demos/list.html
index ba319535af2..b2a60b0f10f 100644
--- a/demos/list.html
+++ b/demos/list.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>List Item - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/radio.html b/demos/radio.html
index f5bdbbdb4a5..ec346eb25ff 100644
--- a/demos/radio.html
+++ b/demos/radio.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Radio Button - Material Components Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/ripple.html b/demos/ripple.html
index 00314f793ce..6a126ebbd40 100644
--- a/demos/ripple.html
+++ b/demos/ripple.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Ripple - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/select.html b/demos/select.html
index 7e681959103..9948b54249b 100644
--- a/demos/select.html
+++ b/demos/select.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Select Menu - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/simple-menu.html b/demos/simple-menu.html
index 0802d4fcc78..515357ffcbe 100644
--- a/demos/simple-menu.html
+++ b/demos/simple-menu.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Simple Menu - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/snackbar.html b/demos/snackbar.html
index 26da30c6c84..0622b88e0a8 100644
--- a/demos/snackbar.html
+++ b/demos/snackbar.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Snackbar - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/switch.html b/demos/switch.html
index b56f302e5bb..794fdea71a2 100644
--- a/demos/switch.html
+++ b/demos/switch.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>Switch - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/tabs.html b/demos/tabs.html
index e033fe69c97..b7055e95537 100644
--- a/demos/tabs.html
+++ b/demos/tabs.html
@@ -17,6 +17,7 @@
     <meta charset="utf-8">
     <title>MDC-Web Tab Bar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
diff --git a/demos/textfield.html b/demos/textfield.html
index 9100d6c1252..6019340c36c 100644
--- a/demos/textfield.html
+++ b/demos/textfield.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Text Field - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/theme.html b/demos/theme.html
index bb7e8155daf..07bd9e261c1 100644
--- a/demos/theme.html
+++ b/demos/theme.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Theme - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/toolbar/default-flexible-toolbar.html b/demos/toolbar/default-flexible-toolbar.html
index d1d518b20d1..48734faceed 100644
--- a/demos/toolbar/default-flexible-toolbar.html
+++ b/demos/toolbar/default-flexible-toolbar.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/toolbar/default-toolbar.html b/demos/toolbar/default-toolbar.html
index 46e58f8f8e1..5493bba174a 100644
--- a/demos/toolbar/default-toolbar.html
+++ b/demos/toolbar/default-toolbar.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/toolbar/fixed-toolbar.html b/demos/toolbar/fixed-toolbar.html
index 84639772dc3..b8193263472 100644
--- a/demos/toolbar/fixed-toolbar.html
+++ b/demos/toolbar/fixed-toolbar.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/toolbar/index.html b/demos/toolbar/index.html
index 6aa1ab4f726..3f7f14745f5 100644
--- a/demos/toolbar/index.html
+++ b/demos/toolbar/index.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>Toolbar - Material Compoonents Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
diff --git a/demos/toolbar/waterfall-flexible-toolbar-custom-style.html b/demos/toolbar/waterfall-flexible-toolbar-custom-style.html
index a9a39c81644..d70dfd2fee1 100644
--- a/demos/toolbar/waterfall-flexible-toolbar-custom-style.html
+++ b/demos/toolbar/waterfall-flexible-toolbar-custom-style.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/toolbar/waterfall-flexible-toolbar.html b/demos/toolbar/waterfall-flexible-toolbar.html
index 4ed413d203b..e4f491fe083 100644
--- a/demos/toolbar/waterfall-flexible-toolbar.html
+++ b/demos/toolbar/waterfall-flexible-toolbar.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/toolbar/waterfall-toolbar-fix-last-row.html b/demos/toolbar/waterfall-toolbar-fix-last-row.html
index 8329f397496..11cb4afdf10 100644
--- a/demos/toolbar/waterfall-toolbar-fix-last-row.html
+++ b/demos/toolbar/waterfall-toolbar-fix-last-row.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/toolbar/waterfall-toolbar.html b/demos/toolbar/waterfall-toolbar.html
index 9c5b2e45dc6..7565250b928 100644
--- a/demos/toolbar/waterfall-toolbar.html
+++ b/demos/toolbar/waterfall-toolbar.html
@@ -16,6 +16,7 @@
     <meta charset="utf-8">
     <title>MDC Toolbar Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="../assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="../demos.css" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/demos/typography.html b/demos/typography.html
index 5660e9339c4..e9ae22513bf 100644
--- a/demos/typography.html
+++ b/demos/typography.html
@@ -19,6 +19,7 @@
     <meta charset="utf-8">
     <title>Typography - Material Components Catalog</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/images/logo_components_color_2x_web_48dp.png" />
     <script src="assets/material-components-web.css.js" charset="utf-8"></script>
     <link href="demos.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">