diff --git a/src/examples/hover/default.vue b/src/examples/hover/default.vue
index 452eb882b..74101ba01 100644
--- a/src/examples/hover/default.vue
+++ b/src/examples/hover/default.vue
@@ -45,3 +45,9 @@
     })
   }
 </script>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/hover/transition.vue b/src/examples/hover/transition.vue
index ba2e874bc..4f576b2c1 100644
--- a/src/examples/hover/transition.vue
+++ b/src/examples/hover/transition.vue
@@ -56,3 +56,9 @@
   width: 100%;
 }
 </style>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/sliders/metronome.vue b/src/examples/sliders/metronome.vue
index bb6bfac19..72ad25323 100644
--- a/src/examples/sliders/metronome.vue
+++ b/src/examples/sliders/metronome.vue
@@ -133,3 +133,9 @@
     animation-direction: alternate;
   }
 </style>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/timelines/alert.vue b/src/examples/timelines/alert.vue
index f21d7f8e1..5ef2da99d 100644
--- a/src/examples/timelines/alert.vue
+++ b/src/examples/timelines/alert.vue
@@ -120,3 +120,9 @@
     }
   }
 </script>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/timelines/color.vue b/src/examples/timelines/color.vue
index dc17c86c0..0f000a271 100644
--- a/src/examples/timelines/color.vue
+++ b/src/examples/timelines/color.vue
@@ -123,3 +123,9 @@
     </v-card-text>
   </v-card>
 </template>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/timelines/icons.vue b/src/examples/timelines/icons.vue
index c253e1440..b26616762 100644
--- a/src/examples/timelines/icons.vue
+++ b/src/examples/timelines/icons.vue
@@ -51,3 +51,9 @@
     })
   }
 </script>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/timelines/small.vue b/src/examples/timelines/small.vue
index bad4f1620..37fe19cdb 100644
--- a/src/examples/timelines/small.vue
+++ b/src/examples/timelines/small.vue
@@ -142,3 +142,9 @@
     </v-timeline-item>
   </v-timeline>
 </template>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/treeview/directory.vue b/src/examples/treeview/directory.vue
index 1215ae638..f8cba2a50 100644
--- a/src/examples/treeview/directory.vue
+++ b/src/examples/treeview/directory.vue
@@ -142,3 +142,9 @@
     }
   }
 </script>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/treeview/fileExplorer.vue b/src/examples/treeview/fileExplorer.vue
index 0da9b2cc7..aedca19e1 100644
--- a/src/examples/treeview/fileExplorer.vue
+++ b/src/examples/treeview/fileExplorer.vue
@@ -88,3 +88,9 @@
     })
   }
 </script>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>
diff --git a/src/examples/treeview/hotspots.vue b/src/examples/treeview/hotspots.vue
index 0959c58c5..0df397d92 100644
--- a/src/examples/treeview/hotspots.vue
+++ b/src/examples/treeview/hotspots.vue
@@ -171,3 +171,9 @@
     }
   }
 </script>
+
+<codepen-resources lang="json">
+  {
+    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+  }
+</codepen-resources>