diff --git a/demos/checkbox.html b/demos/checkbox.html
index 7c875e46eb3..45250e49ba9 100644
--- a/demos/checkbox.html
+++ b/demos/checkbox.html
@@ -77,7 +77,7 @@
               <path class="mdc-checkbox__checkmark__path"
                     fill="none"
                     stroke="white"
-                    d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                    d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
             </svg>
             <div class="mdc-checkbox__mixedmark"></div>
           </div>
@@ -99,7 +99,7 @@ <h2>CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -124,7 +124,7 @@ <h2>CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -143,7 +143,7 @@ <h2>CSS Only</h2>
                     <path class="mdc-checkbox__checkmark__path"
                           fill="none"
                           stroke="white"
-                          d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                          d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
                 </div>
@@ -166,7 +166,7 @@ <h2>CSS Only</h2>
                     <path class="mdc-checkbox__checkmark__path"
                           fill="none"
                           stroke="white"
-                          d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                          d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
                 </div>
@@ -186,7 +186,7 @@ <h2>CSS Only</h2>
                     <path class="mdc-checkbox__checkmark__path"
                           fill="none"
                           stroke="white"
-                          d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                          d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
                 </div>
@@ -211,7 +211,7 @@ <h2>With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -236,7 +236,7 @@ <h2>With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -263,7 +263,7 @@ <h2>With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -287,7 +287,7 @@ <h2>With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -315,7 +315,7 @@ <h2>Dark Theme (mdc-theme--dark) - With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -336,7 +336,7 @@ <h2>Dark Theme (mdc-theme--dark) - With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -356,7 +356,7 @@ <h2>Dark Theme (mdc-theme--dark) - With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -379,7 +379,7 @@ <h2>Dark Theme (mdc-theme--dark) - With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -399,7 +399,7 @@ <h2>Dark Theme (mdc-theme--dark) - With JavaScript</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -423,7 +423,7 @@ <h2>Dark Theme (mdc-checkbox--theme-dark) - CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -444,7 +444,7 @@ <h2>Dark Theme (mdc-checkbox--theme-dark) - CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -464,7 +464,7 @@ <h2>Dark Theme (mdc-checkbox--theme-dark) - CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -487,7 +487,7 @@ <h2>Dark Theme (mdc-checkbox--theme-dark) - CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
@@ -507,7 +507,7 @@ <h2>Dark Theme (mdc-checkbox--theme-dark) - CSS Only</h2>
                   <path class="mdc-checkbox__checkmark__path"
                         fill="none"
                         stroke="white"
-                        d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                        d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
               </div>
diff --git a/packages/mdc-checkbox/README.md b/packages/mdc-checkbox/README.md
index 3366d0a1ba2..1ec70ee411b 100644
--- a/packages/mdc-checkbox/README.md
+++ b/packages/mdc-checkbox/README.md
@@ -50,7 +50,7 @@ npm install --save @material/checkbox
       <path class="mdc-checkbox__checkmark__path"
             fill="none"
             stroke="white"
-            d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+            d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
     </svg>
     <div class="mdc-checkbox__mixedmark"></div>
   </div>
@@ -79,7 +79,7 @@ easily position checkboxes and their labels.
         <path class="mdc-checkbox__checkmark__path"
               fill="none"
               stroke="white"
-              d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+              d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
       </svg>
       <div class="mdc-checkbox__mixedmark"></div>
     </div>
@@ -105,7 +105,7 @@ Note that `mdc-checkbox--disabled` is necessary on the root element of CSS-only
       <path class="mdc-checkbox__checkmark__path"
             fill="none"
             stroke="white"
-            d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+            d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
     </svg>
     <div class="mdc-checkbox__mixedmark"></div>
   </div>