fix(checkbox): replace svg with inline svg (#122)

carbon-design-system · May 25, 2017 · 629b833 · 629b833
1 parent 4d58d46
commit 629b833
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/checkbox/checkbox.html b/src/components/checkbox/checkbox.html
@@ -5,8 +5,8 @@
     <input id="bx--checkbox-red" class="bx--checkbox" type="checkbox" value="red" name="checkbox">
     <label for="bx--checkbox-red" class="bx--checkbox-label">
       <span class="bx--checkbox-appearance">
-        <svg class="bx--checkbox-checkmark">
-          <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--checkmark"></use>
+        <svg class="bx--checkbox-checkmark" width="12" height="9" viewBox="0 0 12 9" fill-rule="evenodd">
+          <path d="M4.1 6.1L1.4 3.4 0 4.9 4.1 9l7.6-7.6L10.3 0z"></path>
         </svg>
       </span>
       Red
@@ -17,12 +17,11 @@
     <label for="bx--checkbox-blue" class="bx--checkbox-label">
       <input id="bx--checkbox-blue" class="bx--checkbox" type="checkbox" value="yellow" name="checkbox">
       <span class="bx--checkbox-appearance">
-        <svg class="bx--checkbox-checkmark">
-          <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--checkmark"></use>
+        <svg class="bx--checkbox-checkmark" width="12" height="9" viewBox="0 0 12 9" fill-rule="evenodd">
+          <path d="M4.1 6.1L1.4 3.4 0 4.9 4.1 9l7.6-7.6L10.3 0z"></path>
         </svg>
       </span>
       <span class="bx--checkbox-label-text">Blue</span>
     </label>
   </div>
 </fieldset>
-