diff --git a/components/Icons.es6.js b/components/Icons.es6.js
index 3f98f36..6021d33 100644
--- a/components/Icons.es6.js
+++ b/components/Icons.es6.js
@@ -50,9 +50,13 @@ 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, path, viewBox, width, height, style, checkColor }) {
+  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 || 'transparent'} />
+    </svg>
+  )
 }
 
 function Checkmark (props) {
diff --git a/package.json b/package.json
index e16c8d1..cae657c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@b12/metronome",
-  "version": "1.1.31",
+  "version": "1.1.32",
   "description": "",
   "main": "index.es6.js",
   "scripts": {