New checkmark icon (#580)

components/svg/Checkmark.js

@@ -1,11 +1,16 @@
 import React from 'react'
 
-export default ({ width = 9, height = 8, color = '#FFFFFF' }) => (
+export default ({ width = 18, height = 18, color = '#FFFFFF' }) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 9 7">
+  <svg
-    <polygon
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 18 18"
+    fill="none"
+  >
+    <path
+      d="M9 0C4.02837 0 0 4.02837 0 9C0 13.9716 4.02837 18 9 18C13.9716 18 18 13.9716 18 9C18 4.02837 13.9716 0 9 0ZM13.6082 6.51202L7.82308 12.3231H7.81875C7.74519 12.3966 7.54615 12.5611 7.31683 12.5611C7.1524 12.5611 6.96635 12.4702 6.81058 12.3144L4.3875 9.89135C4.31827 9.82212 4.31827 9.71394 4.3875 9.64471L5.15769 8.87452C5.19231 8.8399 5.23558 8.8226 5.27885 8.8226C5.32212 8.8226 5.36539 8.8399 5.4 8.87452L7.32115 10.7957L12.6 5.47788C12.6346 5.44327 12.6779 5.42596 12.7212 5.42596C12.7688 5.42596 12.812 5.44327 12.8423 5.47788L13.5995 6.26106C13.6774 6.33462 13.6774 6.44279 13.6082 6.51202Z"
       fill={color}
-      fillRule="evenodd"
-      points="2.852 5.016 8.275 0 9 .67 2.852 6.344 0 3.711 .713 3.042"
     />
   </svg>
 )