diff --git a/icons/metro.svg b/icons/metro.svg
new file mode 100644
index 0000000000..ef4adc4795
--- /dev/null
+++ b/icons/metro.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 142.89 156.99"><defs><style>.cls-1{fill:#ef4242;}.cls-2{fill:#fff;}</style></defs><title>Metro</title><path class="cls-1" d="M9.66,53.52C9.66,46,15,36.81,21.47,33.06L69.29,5.45c6.5-3.75,17.13-3.75,23.63,0l47.82,27.61c6.5,3.75,11.82,13,11.82,20.46v55.22c0,7.5-5.32,16.71-11.82,20.46L92.92,156.81c-6.5,3.75-17.13,3.75-23.63,0L21.47,129.2c-6.49-3.75-11.81-13-11.81-20.46Z" transform="translate(-9.66 -2.64)"/><path class="cls-2" d="M81.11,144.3a11.12,11.12,0,0,1-5.52-1.4L31.1,117.21a11.53,11.53,0,0,1-5.51-9.55V56.29a11.53,11.53,0,0,1,5.51-9.55L75.6,21.05a11.75,11.75,0,0,1,11,0l44.49,25.69a11.51,11.51,0,0,1,5.51,9.55v51.37a11.52,11.52,0,0,1-5.5,9.55L86.62,142.9A11.08,11.08,0,0,1,81.11,144.3Zm-43.7-37.09,43.7,25.23,43.7-25.23V56.74L81.11,31.51,37.41,56.74Z" transform="translate(-9.66 -2.64)"/><path class="cls-1" d="M81.11,131.14a6.64,6.64,0,0,1-3.32-.89L28.18,101.61a6.65,6.65,0,0,1-3.33-5.76V38.57A6.65,6.65,0,0,1,35,32.89l46.16,28,46.16-28a6.65,6.65,0,0,1,10.09,5.68V95.85a6.64,6.64,0,0,1-3.32,5.76L84.43,130.25A6.69,6.69,0,0,1,81.11,131.14ZM38.14,92l43,24.81,43-24.81V50.38l-39.51,24a6.63,6.63,0,0,1-6.9,0l-39.52-24Z" transform="translate(-9.66 -2.64)"/><path class="cls-2" d="M136.62,110.62H124.81V63.83L84.17,88.51a5.88,5.88,0,0,1-6.13,0L37.41,63.83v46.79H25.59V53.33a5.92,5.92,0,0,1,9-5L81.11,76.55l46.54-28.27a5.91,5.91,0,0,1,9,5Z" transform="translate(-9.66 -2.64)"/></svg>
diff --git a/icons/react-native.svg b/icons/react-native.svg
new file mode 100644
index 0000000000..cdc0e91977
--- /dev/null
+++ b/icons/react-native.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
+  <circle fill="#61dafb" r="2.05" />
+  <g fill="none" stroke="#61dafb">
+    <ellipse rx="11" ry="4.2"/><ellipse rx="11" ry="4.2" transform="matrix(.5 .8660254 -.8660254 .5 0 0)"/>
+    <ellipse rx="11" ry="4.2" transform="matrix(-.5 .8660254 -.8660254 -.5 0 0)"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/fileIcons.ts b/src/icons/fileIcons.ts
index 2bbb39fd07..1ca3036670 100644
--- a/src/icons/fileIcons.ts
+++ b/src/icons/fileIcons.ts
@@ -2482,5 +2482,21 @@ export const fileIcons: FileIcons = {
       ],
     },
     { name: 'apps-script', fileExtensions: ['gs'] },
+    {
+      name: 'metro',
+      fileNames: [
+        'metro.config.json',
+        'metro.config.yml',
+        'metro.config.yaml',
+        'metro.config.js',
+        'metro.config.mjs',
+        'metro.config.cjs',
+        'metro.config.ts'
+      ]
+    },
+    {
+      name: 'react-native',
+      fileNames: ['react-native.config.js', 'react-native.config.cjs'],
+    }
   ],
 };