Show white filled check mark icon

Author: Aditya Bharadwaj

components/Icons.es6.js

@@ -50,9 +50,14 @@ function AiAssist (props) {
   return <Icon path={path} {...props} />
 }
 
-function Check (props) {
-  const path = 'M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'
-  return <Icon path={path} {...props} />
+function Check ({ color, className, viewBox, width, height, style, checkColor }) {
+  checkColor = checkColor ?? 'transparent';
+  return (
+    <svg className={className} width={width} height={height} viewBox={viewBox} style={style} xmlns="http://www.w3.org/2000/svg">
+      <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8z" fill={color} />
+      <path d="M7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z" fill={checkColor} />
+    </svg>
+  )
 }
 
 function Checkmark (props) {