f

status-im · Nov 6, 2023 · 1a48b19 · 1a48b19
1 parent 8cf71a1
commit 1a48b19
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 28 deletions.
diff --git a/packages/icons/src/audio-icon.tsx b/packages/icons/src/audio-icon.tsx
@@ -12,20 +12,12 @@ const SvgAudioIcon = createIcon(props => {
       focusable={false}
       aria-hidden={true}
     >
-      <g clipPath="url(#audio-icon_svg__a)">
-        <circle cx={10} cy={10} r={10} fill="#2A4AF5" />
-        <path
-          fill="#fff"
-          fillRule="evenodd"
-          d="m10.095 5.614-.252-.23-.253.23-3.436 3.127.504.555 2.81-2.556v6.968h.75V6.74l2.809 2.556.504-.555-3.436-3.127Z"
-          clipRule="evenodd"
-        />
-      </g>
-      <defs>
-        <clipPath id="audio-icon_svg__a">
-          <path fill="#fff" d="M0 0h20v20H0z" />
-        </clipPath>
-      </defs>
+      <path
+        fill={props.color}
+        fillRule="evenodd"
+        d="M10.524 3.196a3.192 3.192 0 0 0-1.049 0A2.244 2.244 0 0 0 7.6 5.409v4.682c0 1.097.793 2.033 1.875 2.213a3.19 3.19 0 0 0 1.05 0 2.244 2.244 0 0 0 1.875-2.213V5.409a2.244 2.244 0 0 0-1.876-2.213ZM9.278 2.012c.478-.08.966-.08 1.444 0A3.444 3.444 0 0 1 13.6 5.41v4.682a3.444 3.444 0 0 1-2.878 3.397c-.478.08-.966.08-1.444 0A3.444 3.444 0 0 1 6.4 10.091V5.409a3.444 3.444 0 0 1 2.878-3.397ZM3.403 11.06 4 11l.597-.06v.004l.004.031a5.305 5.305 0 0 0 .14.643c.121.427.334.993.7 1.555C6.152 14.27 7.471 15.4 10 15.4c2.527 0 3.846-1.13 4.56-2.227a5.76 5.76 0 0 0 .842-2.229v-.004L16 11l.597.06v.003l-.001.006-.002.016a4.083 4.083 0 0 1-.036.235 6.964 6.964 0 0 1-.993 2.507c-.848 1.306-2.363 2.583-4.965 2.754v1.92H9.4v-1.92c-2.602-.171-4.117-1.448-4.966-2.754a6.962 6.962 0 0 1-1.022-2.69 2.98 2.98 0 0 1-.006-.052l-.002-.016v-.006l-.001-.002Zm1.194-.121Zm10.806 0Z"
+        clipRule="evenodd"
+      />
     </svg>
   )
 })

diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts
@@ -247,6 +247,7 @@ export { default as ScanBigIcon } from './scan-big-icon'
 export { default as ScanIcon } from './scan-icon'
 export { default as SearchIcon } from './search-icon'
 export { default as SeedIcon } from './seed-icon'
+export { default as SendAudioIcon } from './send-audio-icon'
 export { default as SendIcon } from './send-icon'
 export { default as SettingsIcon } from './settings-icon'
 export { default as ShareIcon } from './share-icon'

diff --git a/packages/icons/src/send-audio-icon.tsx b/packages/icons/src/send-audio-icon.tsx
@@ -0,0 +1,33 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgSendAudioIcon = 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}
+    >
+      <g clipPath="url(#send-audio-icon_svg__a)">
+        <circle cx={10} cy={10} r={10} fill="#2A4AF5" />
+        <path
+          fill="#fff"
+          fillRule="evenodd"
+          d="m10.095 5.614-.252-.23-.253.23-3.436 3.127.504.555 2.81-2.556v6.968h.75V6.74l2.809 2.556.504-.555-3.436-3.127Z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="send-audio-icon_svg__a">
+          <path fill="#fff" d="M0 0h20v20H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+export default SvgSendAudioIcon
diff --git a/packages/icons/svg/audio-icon.svg b/packages/icons/svg/audio-icon.svg
diff --git a/packages/icons/svg/send-audio-icon.svg b/packages/icons/svg/send-audio-icon.svg