diff --git a/index.html b/index.html
index 3b1bbc03..f42be355 100644
--- a/index.html
+++ b/index.html
@@ -536,10 +536,10 @@
                             </p>
                             <p>Variations are available for every icon, included for the original Bootstrap icons.<br>
                                 <br>Example:<br><br>
-                                <i class="mdi-action-favorite icon-material-pink" style="font-size: 40pt;"></i>
-                                <i class="mdi-action-favorite icon-material-lime" style="font-size: 40pt;"></i>
-                                <i class="mdi-action-favorite icon-material-teal" style="font-size: 40pt;"></i>
-                                <i class="mdi-action-favorite icon-material-red" style="font-size: 40pt;"></i>
+                                <i class="mdi-action-favorite mdi-material-pink" style="font-size: 40pt;"></i>
+                                <i class="mdi-action-favorite mdi-material-lime" style="font-size: 40pt;"></i>
+                                <i class="mdi-action-favorite mdi-material-teal" style="font-size: 40pt;"></i>
+                                <i class="mdi-action-favorite mdi-material-red" style="font-size: 40pt;"></i>
                             </p>
                         </div>
                     </div>
@@ -1977,7 +1977,7 @@
                                         <i class="mdi-file-folder"></i>
                                     </div>
                                     <div class="row-content">
-                                        <div class="action-secondary"><i class="icon-material-info"></i></div>
+                                        <div class="action-secondary"><i class="mdi-material-info"></i></div>
                                         <h4 class="list-group-item-heading">Tile with an icon</h4>
                                         <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.</p>
                                     </div>
@@ -1988,7 +1988,7 @@
                                         <i class="mdi-file-folder"></i>
                                     </div>
                                     <div class="row-content">
-                                        <div class="action-secondary"><i class="icon-material-info"></i></div>
+                                        <div class="action-secondary"><i class="mdi-material-info"></i></div>
                                         <h4 class="list-group-item-heading">Tile with an icon</h4>
                                         <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
                                     </div>
@@ -1999,7 +1999,7 @@
                                         <i class="mdi-file-folder"></i>
                                     </div>
                                     <div class="row-content">
-                                        <div class="action-secondary"><i class="icon-material-info"></i></div>
+                                        <div class="action-secondary"><i class="mdi-material-info"></i></div>
                                         <h4 class="list-group-item-heading">Tile with an icon</h4>
                                         <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
                                     </div>