diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Contents.json b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Contents.json
new file mode 100644
index 0000000..6e96565
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Contents.json
@@ -0,0 +1,9 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "provides-namespace" : true
+  }
+}
diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Pause.imageset/Contents.json b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Pause.imageset/Contents.json
new file mode 100644
index 0000000..569011f
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Pause.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "pause.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "original"
+  }
+}
diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Pause.imageset/pause.svg b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Pause.imageset/pause.svg
new file mode 100644
index 0000000..333f30a
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Pause.imageset/pause.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8389 36C9.82212 36 9 35.1946 9 34.1717V1.80652C9 0.783555 9.82212 0 10.8389 0C11.8774 0 12.6995 0.783555 12.6995 1.80652V34.1717C12.6995 35.1946 11.8774 36 10.8389 36ZM25.1394 36C24.1225 36 23.3005 35.1946 23.3005 34.1717V1.80652C23.3005 0.783555 24.1225 0 25.1394 0C26.1563 0 27 0.783555 27 1.80652V34.1717C27 35.1946 26.1563 36 25.1394 36Z" fill="black"/>
+</svg>
diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Record.imageset/Contents.json b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Record.imageset/Contents.json
new file mode 100644
index 0000000..c547e8f
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Record.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "microphone.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "original"
+  }
+}
diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Record.imageset/microphone.svg b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Record.imageset/microphone.svg
new file mode 100644
index 0000000..1184983
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Record.imageset/microphone.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9036 17.1757V6.59439C11.9036 2.70841 14.3857 0 18.0084 0C21.6143 0 24.0964 2.70841 24.0964 6.59439V17.1757C24.0964 21.0449 21.6143 23.7701 18.0084 23.7701C14.3857 23.7701 11.9036 21.0449 11.9036 17.1757ZM14.4361 17.1757C14.4361 19.6654 15.8617 21.2635 18.0084 21.2635C20.1552 21.2635 21.564 19.6654 21.564 17.1757V6.59439C21.564 4.10467 20.1552 2.50654 18.0084 2.50654C15.8617 2.50654 14.4361 4.10467 14.4361 6.59439V17.1757ZM6 17.7813V14.3664C6 13.6598 6.55346 13.1046 7.25786 13.1046C7.97904 13.1046 8.5325 13.6598 8.5325 14.3664V17.6803C8.5325 23.4168 12.2558 27.2187 18.0084 27.2187C23.7443 27.2187 27.4675 23.4168 27.4675 17.6803V14.3664C27.4675 13.6598 28.0378 13.1046 28.7422 13.1046C29.4466 13.1046 30 13.6598 30 14.3664V17.7813C30 24.3757 25.673 29.0019 19.2662 29.5402V33.4598H25.4885C26.1929 33.4598 26.7631 34.0317 26.7631 34.7383C26.7631 35.4448 26.1929 36 25.4885 36H10.5115C9.80713 36 9.2369 35.4448 9.2369 34.7383C9.2369 34.0317 9.80713 33.4598 10.5115 33.4598H16.7338V29.5402C10.3438 29.0019 6 24.3757 6 17.7813Z" fill="black"/>
+</svg>
diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Send.imageset/Contents.json b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Send.imageset/Contents.json
new file mode 100644
index 0000000..2c30243
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Send.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "send.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "original"
+  }
+}
diff --git a/Packages/Features/Sources/Recording/Images.xcassets/Icon/Send.imageset/send.svg b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Send.imageset/send.svg
new file mode 100644
index 0000000..885a173
--- /dev/null
+++ b/Packages/Features/Sources/Recording/Images.xcassets/Icon/Send.imageset/send.svg
@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_49)">
+<path d="M21.514 36C19.916 36 19.3832 34.7284 18.8678 32.9928L16.1355 23.9198C15.8091 22.7685 15.8606 22.1842 16.5308 21.4797L34.0754 2.56038C34.2816 2.33699 34.2644 2.07923 34.0926 1.9074C33.9207 1.75275 33.663 1.71837 33.4396 1.92458L14.589 19.5379C13.8501 20.2253 13.2315 20.2596 12.1318 19.916L2.85251 17.0978C1.20287 16.5995 0 16.0668 0 14.4859C0 13.2315 1.11694 12.3551 2.56038 11.8053L32.1164 0.481145C32.9069 0.171837 33.6114 0 34.1957 0C35.3126 0 36 0.68735 36 1.80429C36 2.38854 35.8282 3.09307 35.5188 3.88353L24.2634 33.2849C23.6277 34.9346 22.7513 36 21.514 36Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1_49">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>