diff --git a/demos/button.html b/demos/button.html
index 64300a2a7d7..3a3d59cfdab 100644
--- a/demos/button.html
+++ b/demos/button.html
@@ -97,7 +97,7 @@
             <input type="checkbox" class="mdc-checkbox__native-control" id="toggle-disabled" aria-labelledby="toggle-disabled-label">
             <div class="mdc-checkbox__background">
               <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59">
+                <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59">
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
             </div>
diff --git a/demos/card.html b/demos/card.html
index 958eee401a9..ff3ee0dc4d8 100644
--- a/demos/card.html
+++ b/demos/card.html
@@ -83,7 +83,7 @@ <h3 class="demo-card__subtitle mdc-typography--subtitle2">by Kurt Wagner</h3>
             <input type="checkbox" class="mdc-checkbox__native-control" id="toggle-rtl" aria-labelledby="toggle-rtl-label" />
             <div class="mdc-checkbox__background">
               <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
             </div>
diff --git a/demos/checkbox.html b/demos/checkbox.html
index e15af33d12e..7e78e075e4e 100644
--- a/demos/checkbox.html
+++ b/demos/checkbox.html
@@ -67,7 +67,6 @@
                  viewBox="0 0 24 24">
               <path class="mdc-checkbox__checkmark-path"
                     fill="none"
-                    stroke="white"
                     d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
             </svg>
             <div class="mdc-checkbox__mixedmark"></div>
@@ -89,7 +88,6 @@ <h2>CSS Only</h2>
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -118,7 +116,6 @@ <h2>CSS Only</h2>
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -137,7 +134,6 @@ <h2>CSS Only</h2>
                        viewBox="0 0 24 24">
                     <path class="mdc-checkbox__checkmark-path"
                           fill="none"
-                          stroke="white"
                           d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
@@ -160,7 +156,6 @@ <h2>CSS Only</h2>
                        viewBox="0 0 24 24">
                     <path class="mdc-checkbox__checkmark-path"
                           fill="none"
-                          stroke="white"
                           d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
@@ -180,7 +175,6 @@ <h2>CSS Only</h2>
                        viewBox="0 0 24 24">
                     <path class="mdc-checkbox__checkmark-path"
                           fill="none"
-                          stroke="white"
                           d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
@@ -205,7 +199,6 @@ <h2>With JavaScript</h2>
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -230,7 +223,6 @@ <h2>With JavaScript</h2>
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -257,7 +249,6 @@ <h2>With JavaScript</h2>
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -281,7 +272,6 @@ <h2>With JavaScript</h2>
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
diff --git a/demos/dialog.html b/demos/dialog.html
index ec498a9cd7d..44ecf149f73 100644
--- a/demos/dialog.html
+++ b/demos/dialog.html
@@ -178,7 +178,6 @@ <h2 id="mdc-dialog-with-list-label" class="mdc-dialog__header__title">
                   viewBox="0 0 24 24">
                 <path class="mdc-checkbox__checkmark-path"
                       fill="none"
-                      stroke="white"
                       d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
diff --git a/demos/grid-list.html b/demos/grid-list.html
index 235d3d1b4c4..c2770853f97 100644
--- a/demos/grid-list.html
+++ b/demos/grid-list.html
@@ -92,7 +92,7 @@
             <input type="checkbox" class="mdc-checkbox__native-control" id="toggle-rtl" aria-labelledby="toggle-rtl-label" />
             <div class="mdc-checkbox__background">
               <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
             </div>
diff --git a/demos/image-list.html b/demos/image-list.html
index eeb7506710a..733c4c29376 100644
--- a/demos/image-list.html
+++ b/demos/image-list.html
@@ -125,7 +125,7 @@
                 <input type="checkbox" class="mdc-checkbox__native-control" id="toggle-rtl" aria-labelledby="toggle-rtl-label" />
                 <div class="mdc-checkbox__background">
                   <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                    <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                    <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
                 </div>
@@ -139,7 +139,7 @@
                 <input type="checkbox" class="mdc-checkbox__native-control" id="toggle-radius" aria-labelledby="toggle-radius-label" />
                 <div class="mdc-checkbox__background">
                   <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                    <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                    <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
                   </svg>
                   <div class="mdc-checkbox__mixedmark"></div>
                 </div>
diff --git a/demos/list.html b/demos/list.html
index e4cab90794c..6b4e520cdbe 100644
--- a/demos/list.html
+++ b/demos/list.html
@@ -101,7 +101,7 @@
                    aria-labelledby="toggle-rtl-label" />
             <div class="mdc-checkbox__background">
               <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white"
+                <path class="mdc-checkbox__checkmark-path" fill="none"
                       d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
diff --git a/demos/snackbar.html b/demos/snackbar.html
index 31a868dd091..82d7e40526c 100644
--- a/demos/snackbar.html
+++ b/demos/snackbar.html
@@ -83,7 +83,7 @@ <h2 class="mdc-typography--headline6">Basic Example</h2>
             <input type="checkbox" class="mdc-checkbox__native-control" id="multiline" aria-labelledby="multiline-label" />
             <div class="mdc-checkbox__background">
               <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
             </div>
@@ -97,7 +97,7 @@ <h2 class="mdc-typography--headline6">Basic Example</h2>
             <input type="checkbox" class="mdc-checkbox__native-control" id="action-on-bottom" aria-labelledby="action-on-bottom-label" />
             <div class="mdc-checkbox__background">
                 <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                  <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white"
+                  <path class="mdc-checkbox__checkmark-path" fill="none"
                       d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
               <div class="mdc-checkbox__mixedmark"></div>
@@ -112,7 +112,7 @@ <h2 class="mdc-typography--headline6">Basic Example</h2>
               <input type="checkbox" checked class="mdc-checkbox__native-control" id="dismiss-on-action" aria-labelledby="dismiss-on-action-label" />
               <div class="mdc-checkbox__background">
                 <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                  <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white"
+                  <path class="mdc-checkbox__checkmark-path" fill="none"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
               <div class="mdc-checkbox__mixedmark"></div>
diff --git a/demos/switch.html b/demos/switch.html
index 5ff52ad1e57..9f8d8978dfd 100644
--- a/demos/switch.html
+++ b/demos/switch.html
@@ -83,9 +83,9 @@ <h2>Enabled</h2>
           </div>
           <div class="demo-switch-wrapper">
             <div class="mdc-switch demo-switch--custom">
-              <input type="checkbox" 
-                    id="basic-switch-custom" 
-                    class="mdc-switch__native-control" 
+              <input type="checkbox"
+                    id="basic-switch-custom"
+                    class="mdc-switch__native-control"
                     role="switch" checked>
               <div class="mdc-switch__background">
                 <div class="mdc-switch__knob"></div>
@@ -121,7 +121,7 @@ <h2>Disabled</h2>
                   aria-labelledby="toggle-rtl-label" />
             <div class="mdc-checkbox__background">
               <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white"
+                <path class="mdc-checkbox__checkmark-path" fill="none"
                       d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
diff --git a/demos/theme/index.html b/demos/theme/index.html
index 5ff95a18ab0..0ef009d2603 100644
--- a/demos/theme/index.html
+++ b/demos/theme/index.html
@@ -365,7 +365,6 @@ <h3 class="mdc-typography--headline5 demo-component-section__heading">
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -384,7 +383,6 @@ <h3 class="mdc-typography--headline5 demo-component-section__heading">
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
@@ -404,7 +402,6 @@ <h3 class="mdc-typography--headline5 demo-component-section__heading">
                      viewBox="0 0 24 24">
                   <path class="mdc-checkbox__checkmark-path"
                         fill="none"
-                        stroke="white"
                         d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
                 </svg>
                 <div class="mdc-checkbox__mixedmark"></div>
diff --git a/packages/mdc-checkbox/README.md b/packages/mdc-checkbox/README.md
index 6ea89d73a7c..709d539ea94 100644
--- a/packages/mdc-checkbox/README.md
+++ b/packages/mdc-checkbox/README.md
@@ -51,7 +51,6 @@ We recommend using MDC Checkbox with [MDC Form Field](../mdc-form-field) for enh
            viewBox="0 0 24 24">
         <path class="mdc-checkbox__checkmark-path"
               fill="none"
-              stroke="white"
               d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
       </svg>
       <div class="mdc-checkbox__mixedmark"></div>
@@ -102,7 +101,6 @@ Note that `mdc-checkbox--disabled` is necessary on the root element of CSS-only
          viewBox="0 0 24 24">
       <path class="mdc-checkbox__checkmark-path"
             fill="none"
-            stroke="white"
             d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
     </svg>
     <div class="mdc-checkbox__mixedmark"></div>
@@ -149,7 +147,7 @@ Property Name | Type | Description
 `checked` | Boolean | Setter/getter for the checkbox's checked state
 `indeterminate` | Boolean | Setter/getter for the checkbox's indeterminate state
 `disabled` | Boolean | Setter/getter for the checkbox's disabled state
-`value` | String | Setter/getter for the checkbox's 
+`value` | String | Setter/getter for the checkbox's
 
 ## Usage within Web Frameworks
 
diff --git a/packages/mdc-checkbox/_mixins.scss b/packages/mdc-checkbox/_mixins.scss
index aba23a2fc1c..8e713a693a1 100644
--- a/packages/mdc-checkbox/_mixins.scss
+++ b/packages/mdc-checkbox/_mixins.scss
@@ -69,10 +69,8 @@
 }
 
 @mixin mdc-checkbox-ink-color($color) {
-  .mdc-checkbox__checkmark-path {
-    // !important is needed here because a stroke must be set as an attribute on the SVG in order
-    // for line animation to work properly.
-    @include mdc-theme-prop(stroke, $color, $important: true);
+  .mdc-checkbox__checkmark {
+    @include mdc-theme-prop(color, $color);
   }
 
   .mdc-checkbox__mixedmark {
@@ -352,6 +350,7 @@
       0ms,
       $mdc-checkbox-transition-duration * 2
     );
+  stroke: currentColor;
   stroke-width: $mdc-checkbox-mark-stroke-size * 1.3;
   stroke-dashoffset: $mdc-checkbox-mark-path-length_;
   stroke-dasharray: $mdc-checkbox-mark-path-length_;
diff --git a/packages/mdc-checkbox/_variables.scss b/packages/mdc-checkbox/_variables.scss
index f112d5e3169..5ba49ff11e1 100644
--- a/packages/mdc-checkbox/_variables.scss
+++ b/packages/mdc-checkbox/_variables.scss
@@ -17,7 +17,6 @@
 @import "@material/theme/variables";
 
 $mdc-checkbox-mark-color: mdc-theme-prop-value(on-primary);
-$mdc-checkbox-mark-color-high-contrast-black-on-white: black !default;
 $mdc-checkbox-border-color: rgba(mdc-theme-prop-value(on-surface), .54);
 $mdc-checkbox-disabled-color: rgba(mdc-theme-prop-value(on-surface), .26);
 $mdc-checkbox-baseline-theme-color: secondary;
diff --git a/packages/mdc-checkbox/mdc-checkbox.scss b/packages/mdc-checkbox/mdc-checkbox.scss
index f927333f81e..e36eac78bb5 100644
--- a/packages/mdc-checkbox/mdc-checkbox.scss
+++ b/packages/mdc-checkbox/mdc-checkbox.scss
@@ -41,12 +41,6 @@
   }
 }
 
-@media screen and (-ms-high-contrast: black-on-white) {
-  @at-root {
-    @include mdc-checkbox-ink-color($mdc-checkbox-mark-color-high-contrast-black-on-white);
-  }
-}
-
 // Needed to disable hover effects on CSS-only (non-JS) checkboxes
 .mdc-checkbox--disabled {
   @include mdc-checkbox--disabled_;
diff --git a/test/unit/mdc-checkbox/mdc-checkbox.test.js b/test/unit/mdc-checkbox/mdc-checkbox.test.js
index c519f177924..4a4bffe39d6 100644
--- a/test/unit/mdc-checkbox/mdc-checkbox.test.js
+++ b/test/unit/mdc-checkbox/mdc-checkbox.test.js
@@ -40,7 +40,6 @@ function getFixture() {
              viewBox="0 0 24 24">
           <path class="mdc-checkbox__checkmark-path"
                 fill="none"
-                stroke="white"
                 d="M4.1,12.7 9,17.6 20.3,6.3"/>
         </svg>
         <div class="mdc-checkbox__mixedmark"></div>