add intermediate-circle-icon.tsx (#470)

* a intermediate-circle-icon.tsx

* a changeset

.changeset/big-seals-search.md

@@ -0,0 +1,5 @@
+---
+'@status-im/icons': minor
+---
+
+a intermediate-circle-icon.tsx

packages/icons/src/index.ts

@@ -147,6 +147,7 @@ export { default as IncorrectIcon } from './incorrect-icon'
 export { default as InfoBadgeIcon } from './info-badge-icon'
 export { default as InfoIcon } from './info-icon'
 export { default as IntagramIcon } from './intagram-icon'
+export { default as IntermediateCircleIcon } from './intermediate-circle-icon'
 export { default as ItalicIcon } from './italic-icon'
 export { default as JustifyIcon } from './justify-icon'
 export { default as KeyIcon } from './key-icon'

packages/icons/src/intermediate-circle-icon.tsx

@@ -0,0 +1,28 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgIntermediateCircleIcon = createIcon(props => {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.width}
+      height={props.height}
+      fill="none"
+      viewBox="0 0 20 20"
+      focusable={false}
+      aria-hidden={true}
+    >
+      <circle
+        cx={10}
+        cy={10}
+        r={7.5}
+        stroke="#23ADA0"
+        strokeWidth={1.2}
+        opacity={0.4}
+      />
+      <path stroke="#23ADA0" strokeWidth={1.2} d="m7.25 10.75 2 1.5 3.5-4.5" />
+    </svg>
+  )
+})
+
+export default SvgIntermediateCircleIcon

packages/icons/svg/intermediate-circle-icon.svg

@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="20"
+  height="20"
+  fill="none"
+  viewBox="0 0 20 20"
+>
+  <circle
+    cx="10"
+    cy="10"
+    r="7.5"
+    stroke="#23ADA0"
+    stroke-width="1.2"
+    opacity=".4"
+  />
+  <path stroke="#23ADA0" stroke-width="1.2" d="m7.25 10.75 2 1.5 3.5-4.5" />
+</svg>