feat(clover): add Clover icon

src/Clover.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon } from './Icon'
+
+export const Clover = (props: any) => (
+  <Icon a11yTitle="Clover" {...props}>
+    <path d="M19.67 13.792c2.392-.202 5.485-.85 7.464-2.836a2.803 2.803 0 000-4.053 2.923 2.923 0 00-4.124 0 2.803 2.803 0 000-4.052 2.923 2.923 0 00-4.123 0c-1.98 1.945-2.68 4.984-2.887 7.335-.206-2.35-.866-5.39-2.887-7.335a2.923 2.923 0 00-4.123 0 2.803 2.803 0 000 4.052 2.923 2.923 0 00-4.124 0 2.803 2.803 0 000 4.053c1.98 1.945 5.072 2.634 7.464 2.836-2.392.203-5.485.851-7.464 2.837a2.803 2.803 0 000 4.052 2.923 2.923 0 004.124 0 2.803 2.803 0 000 4.053 2.923 2.923 0 004.123 0c1.238-1.216 1.98-2.837 2.392-4.458 0 .851.041 1.662.124 2.512.124 1.54.264 2.408.841 3.867.536 1.459.726 2.028 1.55 3.325l1.519-1.147c-.907-.814-1.406-1.346-1.863-2.74-.456-1.395-.686-2.048-.892-3.467-.124-.729-.207-1.499-.248-2.228.412 1.58 1.155 3.12 2.35 4.295a2.923 2.923 0 004.124 0 2.803 2.803 0 000-4.052 2.923 2.923 0 004.124 0 2.803 2.803 0 000-4.053c-1.98-1.945-5.072-2.593-7.464-2.796z" />
+  </Icon>
+)

src/index.stories.tsx

@@ -47,6 +47,7 @@ export const Comets = () => (
     <Icon.Close title="Close" />
     <Icon.CloseAlt title="CloseAlt" />
     <Icon.CloseRounded title="CloseRounded" />
+    <Icon.Clover title="Clover" color="pink" />
     <Icon.Comment title="Comment" />
     <Icon.Copy title="Copy" />
     <Icon.CreditCard title="CreditCard" />

src/index.tsx

@@ -27,6 +27,7 @@ export { Clock } from './Clock'
 export { Close } from './Close'
 export { CloseAlt } from './CloseAlt'
 export { CloseRounded } from './CloseRounded'
+export { Clover } from './Clover'
 export { Comment } from './Comment'
 export { Copy } from './Copy'
 export { CreditCard } from './CreditCard'