diff --git a/src/components/Icon.jsx b/src/components/Icon.jsx
deleted file mode 100644
index be7733c2..00000000
--- a/src/components/Icon.jsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Image } from 'tamagui'
-
-const Icon = ({ source, width = 16, height = 16, ...props }) => {
-  return <Image {...props} source={{ uri: source }} width={width} height={height} />
-}
-
-export default Icon
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
new file mode 100644
index 00000000..c1c1d988
--- /dev/null
+++ b/src/components/Icon.tsx
@@ -0,0 +1,13 @@
+import { Image } from 'tamagui'
+
+type IconProps = {
+  source: string
+  width?: number
+  height?: number
+}
+
+const Icon = ({ source, width = 16, height = 16, ...props }: IconProps) => {
+  return <Image {...props} source={{ uri: source }} width={width} height={height} />
+}
+
+export default Icon