Use modified SVG path from "icons:check-box".

PolymerElements · Jul 21, 2016 · 9df98e2 · 9df98e2
1 parent c0652ec
commit 9df98e2
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/paper-checkbox.html b/paper-checkbox.html
@@ -160,7 +160,8 @@
         width: 100%;
         height: 100%;
         opacity: 0;
-        stroke: var(--paper-checkbox-checkmark-color, white);
+        stroke: rgba(0, 0, 0, 0);
+        fill: var(--paper-checkbox-checkmark-color, white);
       }
 
       /* label */
@@ -213,8 +214,8 @@
 
     <div id="checkboxContainer">
       <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
-        <svg id="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
-          <path d="M 1 6.5 l 4 4 l 8 -8" fill="transparent" stroke-width="1.75" />
+        <svg id="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="5 5 14 14">
+          <path d="M10 17l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
         </svg>
       </div>
     </div>