diff --git a/packages/create-nx-workspace/bin/create-nx-workspace.ts b/packages/create-nx-workspace/bin/create-nx-workspace.ts
index a08d9e015c536..1ec707d161d6f 100644
--- a/packages/create-nx-workspace/bin/create-nx-workspace.ts
+++ b/packages/create-nx-workspace/bin/create-nx-workspace.ts
@@ -94,7 +94,7 @@ const presetOptions: { name: Preset; message: string }[] = [
   {
     name: Preset.ReactNative,
     message:
-      'react-native      [a workspace with a single React Native application]',
+      'react-native      [a monorepo with a single React Native application]',
   },
 ];
 
diff --git a/packages/expo/package.json b/packages/expo/package.json
index 1567a5ae28658..7bf48ddeea3b5 100644
--- a/packages/expo/package.json
+++ b/packages/expo/package.json
@@ -33,7 +33,6 @@
     "@nrwl/react": "file:../react",
     "@nrwl/webpack": "file:../webpack",
     "@nrwl/workspace": "file:../workspace",
-    "@svgr/webpack": "^6.1.2",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
     "fs-extra": "^10.1.0",
diff --git a/packages/expo/plugins/with-nx-webpack.ts b/packages/expo/plugins/with-nx-webpack.ts
index 445d01506458e..3d9ca4483f2b8 100644
--- a/packages/expo/plugins/with-nx-webpack.ts
+++ b/packages/expo/plugins/with-nx-webpack.ts
@@ -25,64 +25,6 @@ export async function withNxWebpack(config) {
         },
       },
     });
-    // svg rule from https://github.com/kristerkari/react-native-svg-transformer/issues/135#issuecomment-1008310514
-    rules.unshift({
-      test: /\.svg$/,
-      exclude: /node_modules/,
-      use: [
-        {
-          loader: require.resolve('@svgr/webpack'),
-          options: {
-            svgoConfig: {
-              plugins: {
-                cleanupAttrs: true,
-                cleanupEnableBackground: true,
-                cleanupIDs: true,
-                cleanupListOfValues: true,
-                cleanupNumericValues: true,
-                collapseGroups: true,
-                convertEllipseToCircle: true,
-                convertPathData: true,
-                convertShapeToPath: true,
-                convertStyleToAttrs: true,
-                convertTransform: true,
-                inlineStyles: true,
-                mergePaths: true,
-                minifyStyles: true,
-                moveElemsAttrsToGroup: true,
-                moveGroupAttrsToElems: true,
-                removeComments: true,
-                removeDesc: true,
-                removeDimensions: false,
-                removeDoctype: true,
-                removeEditorsNSData: true,
-                removeEmptyAttrs: true,
-                removeEmptyContainers: true,
-                removeEmptyText: true,
-                removeHiddenElems: true,
-                removeMetadata: true,
-                removeNonInheritableGroupAttrs: true,
-                removeRasterImages: true,
-                removeScriptElement: false,
-                removeStyleElement: false,
-                removeTitle: true,
-                removeUnknownsAndDefaults: true,
-                removeUnusedNS: true,
-                removeUselessDefs: true,
-                removeUselessStrokeAndFill: true,
-                removeViewBox: false,
-                removeXMLNS: true,
-                removeXMLProcInst: true,
-                reusePaths: true,
-                sortAttrs: true,
-                sortDefsChildren: true,
-                convertColors: false,
-              },
-            },
-          },
-        },
-      ],
-    });
   }
 
   const extensions = ['.ts', '.tsx', '.mjs', '.js', '.jsx'];
diff --git a/packages/expo/src/generators/application/files/assets/logo.png b/packages/expo/src/generators/application/files/assets/logo.png
deleted file mode 100644
index e9b9b6eb620ff..0000000000000
Binary files a/packages/expo/src/generators/application/files/assets/logo.png and /dev/null differ
diff --git a/packages/expo/src/generators/application/files/assets/star.svg b/packages/expo/src/generators/application/files/assets/star.svg
deleted file mode 100644
index 901053d385490..0000000000000
--- a/packages/expo/src/generators/application/files/assets/star.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg
-        className="material-icons"
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
->
-    <path d="M0 0h24v24H0z" fill="none" />
-    <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" />
-</svg>
diff --git a/packages/expo/src/generators/application/files/src/app/App.tsx.template b/packages/expo/src/generators/application/files/src/app/App.tsx.template
index 3d25e16364e22..3d53e8082c113 100644
--- a/packages/expo/src/generators/application/files/src/app/App.tsx.template
+++ b/packages/expo/src/generators/application/files/src/app/App.tsx.template
@@ -8,23 +8,11 @@ import {
   Text,
   StatusBar,
   TouchableOpacity,
-  Linking
+  Linking,
 } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
 
-import Checkmark from './icons/checkmark.svg';
-import Book from './icons/book.svg';
-import ChevronRight from './icons/chevron-right.svg';
-import Blog from './icons/blog.svg';
-import Courses from './icons/courses.svg';
-import YouTube from './icons/youtube.svg';
-import Pointer from './icons/pointer.svg';
-import VSCode from './icons/vscode.svg';
-import NxCloud from './icons/nx-cloud.svg';
-import GitHub from './icons/github.svg';
-import Terminal from './icons/terminal.svg';
-import Heart from './icons/heart.svg';
-
-const App = () => {
+export const App = () => {
   const [whatsNextYCoord, setWhatsNextYCoord] = useState<number>(0);
   const scrollViewRef = useRef<null | ScrollView>(null);
 
@@ -48,11 +36,20 @@ const App = () => {
           <View style={styles.section}>
             <View style={styles.hero}>
               <View style={styles.heroTitle}>
-                <Checkmark
+                <Svg
                   width={32}
                   height={32}
                   stroke="hsla(162, 47%, 50%, 1)"
-                />
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
+                  />
+                </Svg>
                 <Text style={[styles.textLg, styles.heroTitleText]}>
                   You're up and running
                 </Text>
@@ -85,31 +82,81 @@ const App = () => {
                   )
                 }
               >
-                <Book width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Documentation</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Everything is in there
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  />
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
                 onPress={() =>
-                  Linking.openURL(
-                    'https://blog.nrwl.io/?utm_source=nx-project'
-                  )
+                  Linking.openURL('https://blog.nrwl.io/?utm_source=nx-project')
                 }
               >
-                <Blog width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Blog</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Changelog, features & events
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  />
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
@@ -119,14 +166,29 @@ const App = () => {
                   )
                 }
               >
-                <YouTube width={24} height={24} fill="#000000" />
+                <Svg width={24} height={24} fill="#000000" viewBox="0 0 24 24">
+                  <Path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Youtube channel</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Nx Show, talks & tutorials
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  />
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
@@ -136,14 +198,40 @@ const App = () => {
                   )
                 }
               >
-                <Pointer width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Interactive tutorials</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Create an app, step by step
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  ></Path>
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
@@ -153,14 +241,42 @@ const App = () => {
                   )
                 }
               >
-                <Courses width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path d="M12 14l9-5-9-5-9 5 9 5z"></Path>
+                  <Path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></Path>
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
+                  ></Path>
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Video courses</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Nx custom courses
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  ></Path>
+                </Svg>
               </TouchableOpacity>
             </View>
           </View>
@@ -173,7 +289,14 @@ const App = () => {
               }
             >
               <View style={[styles.listItem, styles.shadowBox]}>
-                <VSCode width={48} height={48} fill="rgba(0, 122, 204, 1)" />
+                <Svg
+                  width={48}
+                  height={48}
+                  fill="rgba(0, 122, 204, 1)"
+                  viewBox="0 0 24 24"
+                >
+                  <Path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z" />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text
                     style={[
@@ -199,7 +322,16 @@ const App = () => {
             >
               <View style={styles.shadowBox}>
                 <View style={[styles.listItem, styles.marginBottomMd]}>
-                  <NxCloud width={48} height={48} />
+                  <Svg width={48} height={48} viewBox="0 0 120 120" fill="none">
+                    <Path
+                      d="M120 15V30C103.44 30 90 43.44 90 60C90 76.56 76.56 90 60 90C43.44 90 30 103.44 30 120H15C6.72 120 0 113.28 0 105V15C0 6.72 6.72 0 15 0H105C113.28 0 120 6.72 120 15Z"
+                      fill="#0E2039"
+                    />
+                    <Path
+                      d="M120 30V105C120 113.28 113.28 120 105 120H30C30 103.44 43.44 90 60 90C76.56 90 90 76.56 90 60C90 43.44 103.44 30 120 30Z"
+                      fill="white"
+                    />
+                  </Svg>
                   <View style={styles.listItemTextContainer}>
                     <Text
                       style={[
@@ -228,7 +360,9 @@ const App = () => {
               }
             >
               <View style={[styles.listItem, styles.shadowBox]}>
-                <GitHub width={48} height={48} fill="#000000" />
+                <Svg width={48} height={48} fill="#000000" viewBox="0 0 24 24">
+                  <Path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text
                     style={[
@@ -263,7 +397,20 @@ const App = () => {
                 Here are some things you can do with Nx:
               </Text>
               <View style={styles.listItem}>
-                <Terminal width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={styles.textSm}>Add UI library</Text>
                 </View>
@@ -293,20 +440,46 @@ const App = () => {
                 </Text>
               </View>
               <View style={styles.listItem}>
-                <Terminal width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={styles.textSm}>
-                    View interactive dependency graph
+                    View interactive project graph
                   </Text>
                 </View>
               </View>
               <View style={[styles.codeBlock, styles.marginBottomLg]}>
                 <Text style={[styles.textXS, styles.monospace]}>
-                  nx dep-graph
+                  nx graph
                 </Text>
               </View>
               <View style={styles.listItem}>
-                <Terminal width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={styles.textSm}>Run affected commands</Text>
                 </View>
@@ -349,7 +522,20 @@ const App = () => {
             </View>
             <View style={[styles.listItem, styles.love]}>
               <Text style={styles.textSubtle}>Carefully crafted with </Text>
-              <Heart width={24} height={24} fill="rgba(252, 165, 165, 1)" />
+              <Svg
+                width={24}
+                height={24}
+                fill="rgba(252, 165, 165, 1)"
+                stroke="none"
+                viewBox="0 0 24 24"
+              >
+                <Path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="2"
+                  d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
+                />
+              </Svg>
             </View>
           </View>
         </ScrollView>
diff --git a/packages/expo/src/generators/application/files/src/app/icons/blog.svg b/packages/expo/src/generators/application/files/src/app/icons/blog.svg
deleted file mode 100644
index b7618efb90ad4..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/blog.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/book.svg b/packages/expo/src/generators/application/files/src/app/icons/book.svg
deleted file mode 100644
index af2d6df129007..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/book.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/checkmark.svg b/packages/expo/src/generators/application/files/src/app/icons/checkmark.svg
deleted file mode 100644
index fe2608c90b1df..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/checkmark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/chevron-right.svg b/packages/expo/src/generators/application/files/src/app/icons/chevron-right.svg
deleted file mode 100644
index 332879444aef8..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/chevron-right.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/courses.svg b/packages/expo/src/generators/application/files/src/app/icons/courses.svg
deleted file mode 100644
index 1a3d480024762..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/courses.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 14l9-5-9-5-9 5 9 5z"></path><path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/github.svg b/packages/expo/src/generators/application/files/src/app/icons/github.svg
deleted file mode 100644
index 266c1f766d135..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/github.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/heart.svg b/packages/expo/src/generators/application/files/src/app/icons/heart.svg
deleted file mode 100644
index 74c66cb72894b..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/heart.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="currentColor" stroke="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/logo.png b/packages/expo/src/generators/application/files/src/app/icons/logo.png
deleted file mode 100644
index e9b9b6eb620ff..0000000000000
Binary files a/packages/expo/src/generators/application/files/src/app/icons/logo.png and /dev/null differ
diff --git a/packages/expo/src/generators/application/files/src/app/icons/nx-cloud.svg b/packages/expo/src/generators/application/files/src/app/icons/nx-cloud.svg
deleted file mode 100644
index 0637cbd3dbb87..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/nx-cloud.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M120 15V30C103.44 30 90 43.44 90 60C90 76.56 76.56 90 60 90C43.44 90 30 103.44 30 120H15C6.72 120 0 113.28 0 105V15C0 6.72 6.72 0 15 0H105C113.28 0 120 6.72 120 15Z" fill="#0E2039"></path><path d="M120 30V105C120 113.28 113.28 120 105 120H30C30 103.44 43.44 90 60 90C76.56 90 90 76.56 90 60C90 43.44 103.44 30 120 30Z" fill="white"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/pointer.svg b/packages/expo/src/generators/application/files/src/app/icons/pointer.svg
deleted file mode 100644
index 47cb0edce4c5b..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/pointer.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/terminal.svg b/packages/expo/src/generators/application/files/src/app/icons/terminal.svg
deleted file mode 100644
index 2041db0dd30e4..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/terminal.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/vscode.svg b/packages/expo/src/generators/application/files/src/app/icons/vscode.svg
deleted file mode 100644
index 70ae6e92c912f..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/vscode.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Visual Studio Code</title><path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/application/files/src/app/icons/youtube.svg b/packages/expo/src/generators/application/files/src/app/icons/youtube.svg
deleted file mode 100644
index b527eaa1c18c9..0000000000000
--- a/packages/expo/src/generators/application/files/src/app/icons/youtube.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>
\ No newline at end of file
diff --git a/packages/expo/src/generators/init/init.ts b/packages/expo/src/generators/init/init.ts
index 24a2e50d279f4..61ccb54bd2a3e 100644
--- a/packages/expo/src/generators/init/init.ts
+++ b/packages/expo/src/generators/init/init.ts
@@ -21,7 +21,6 @@ import {
   reactNativeSvgTransformerVersion,
   reactNativeSvgVersion,
   expoCliVersion,
-  svgrWebpackVersion,
   babelPresetExpoVersion,
   easCliVersion,
   deprecatedExpoCliVersion,
@@ -89,7 +88,6 @@ export function updateDependencies(host: Tree) {
       'expo-cli': deprecatedExpoCliVersion,
       '@expo/cli': expoCliVersion,
       'eas-cli': easCliVersion,
-      '@svgr/webpack': svgrWebpackVersion,
       'babel-preset-expo': babelPresetExpoVersion,
     }
   );
diff --git a/packages/expo/src/utils/add-jest.ts b/packages/expo/src/utils/add-jest.ts
index e0e7eea3b1575..70314432adf6f 100644
--- a/packages/expo/src/utils/add-jest.ts
+++ b/packages/expo/src/utils/add-jest.ts
@@ -32,7 +32,7 @@ export async function addJest(
     moduleFileExtensions: ['ts', 'js', 'html', 'tsx', 'jsx'],
     setupFilesAfterEnv: ['<rootDir>/test-setup.${js ? 'js' : 'ts'}'],
     moduleNameMapper: {
-      '\\.svg': '@nrwl/expo/plugins/jest/svg-mock'
+      '\\\\.svg$': '@nrwl/expo/plugins/jest/svg-mock'
     }
   };`;
   host.write(configPath, content);
diff --git a/packages/expo/src/utils/versions.ts b/packages/expo/src/utils/versions.ts
index 8b5e613192302..377d6aa6d2f5f 100644
--- a/packages/expo/src/utils/versions.ts
+++ b/packages/expo/src/utils/versions.ts
@@ -15,7 +15,6 @@ export const reactNativeWebVersion = '~0.18.7';
 
 export const reactNativeSvgTransformerVersion = '1.0.0';
 export const reactNativeSvgVersion = '13.4.0';
-export const svgrWebpackVersion = '^6.5.1';
 
 export const metroVersion = '0.73.3';
 
diff --git a/packages/react-native/src/generators/application/files/app/src/app/App.tsx.template b/packages/react-native/src/generators/application/files/app/src/app/App.tsx.template
index e47331995a1b0..667e25d1da24c 100644
--- a/packages/react-native/src/generators/application/files/app/src/app/App.tsx.template
+++ b/packages/react-native/src/generators/application/files/app/src/app/App.tsx.template
@@ -10,19 +10,7 @@ import {
   TouchableOpacity,
   Linking,
 } from 'react-native';
-
-import Checkmark from './icons/checkmark.svg';
-import Book from './icons/book.svg';
-import ChevronRight from './icons/chevron-right.svg';
-import Blog from './icons/blog.svg';
-import Courses from './icons/courses.svg';
-import YouTube from './icons/youtube.svg';
-import Pointer from './icons/pointer.svg';
-import VSCode from './icons/vscode.svg';
-import NxCloud from './icons/nx-cloud.svg';
-import GitHub from './icons/github.svg';
-import Terminal from './icons/terminal.svg';
-import Heart from './icons/heart.svg';
+import Svg, { Path } from 'react-native-svg';
 
 export const App = () => {
   const [whatsNextYCoord, setWhatsNextYCoord] = useState<number>(0);
@@ -48,11 +36,20 @@ export const App = () => {
           <View style={styles.section}>
             <View style={styles.hero}>
               <View style={styles.heroTitle}>
-                <Checkmark
+                <Svg
                   width={32}
                   height={32}
                   stroke="hsla(162, 47%, 50%, 1)"
-                />
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
+                  />
+                </Svg>
                 <Text style={[styles.textLg, styles.heroTitleText]}>
                   You're up and running
                 </Text>
@@ -85,31 +82,81 @@ export const App = () => {
                   )
                 }
               >
-                <Book width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Documentation</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Everything is in there
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  />
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
                 onPress={() =>
-                  Linking.openURL(
-                    'https://blog.nrwl.io/?utm_source=nx-project'
-                  )
+                  Linking.openURL('https://blog.nrwl.io/?utm_source=nx-project')
                 }
               >
-                <Blog width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Blog</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Changelog, features & events
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  />
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
@@ -119,14 +166,29 @@ export const App = () => {
                   )
                 }
               >
-                <YouTube width={24} height={24} fill="#000000" />
+                <Svg width={24} height={24} fill="#000000" viewBox="0 0 24 24">
+                  <Path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Youtube channel</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Nx Show, talks & tutorials
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  />
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
@@ -136,14 +198,40 @@ export const App = () => {
                   )
                 }
               >
-                <Pointer width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Interactive tutorials</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Create an app, step by step
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  ></Path>
+                </Svg>
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.listItem, styles.learning]}
@@ -153,14 +241,42 @@ export const App = () => {
                   )
                 }
               >
-                <Courses width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path d="M12 14l9-5-9-5-9 5 9 5z"></Path>
+                  <Path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></Path>
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
+                  ></Path>
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={[styles.textMd]}>Video courses</Text>
                   <Text style={[styles.text2XS, styles.textSubtle]}>
                     Nx custom courses
                   </Text>
                 </View>
-                <ChevronRight width={18} height={18} stroke="#000000" />
+                <Svg
+                  width={18}
+                  height={18}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M9 5l7 7-7 7"
+                  ></Path>
+                </Svg>
               </TouchableOpacity>
             </View>
           </View>
@@ -173,7 +289,14 @@ export const App = () => {
               }
             >
               <View style={[styles.listItem, styles.shadowBox]}>
-                <VSCode width={48} height={48} fill="rgba(0, 122, 204, 1)" />
+                <Svg
+                  width={48}
+                  height={48}
+                  fill="rgba(0, 122, 204, 1)"
+                  viewBox="0 0 24 24"
+                >
+                  <Path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z" />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text
                     style={[
@@ -199,7 +322,16 @@ export const App = () => {
             >
               <View style={styles.shadowBox}>
                 <View style={[styles.listItem, styles.marginBottomMd]}>
-                  <NxCloud width={48} height={48} />
+                  <Svg width={48} height={48} viewBox="0 0 120 120" fill="none">
+                    <Path
+                      d="M120 15V30C103.44 30 90 43.44 90 60C90 76.56 76.56 90 60 90C43.44 90 30 103.44 30 120H15C6.72 120 0 113.28 0 105V15C0 6.72 6.72 0 15 0H105C113.28 0 120 6.72 120 15Z"
+                      fill="#0E2039"
+                    />
+                    <Path
+                      d="M120 30V105C120 113.28 113.28 120 105 120H30C30 103.44 43.44 90 60 90C76.56 90 90 76.56 90 60C90 43.44 103.44 30 120 30Z"
+                      fill="white"
+                    />
+                  </Svg>
                   <View style={styles.listItemTextContainer}>
                     <Text
                       style={[
@@ -228,7 +360,9 @@ export const App = () => {
               }
             >
               <View style={[styles.listItem, styles.shadowBox]}>
-                <GitHub width={48} height={48} fill="#000000" />
+                <Svg width={48} height={48} fill="#000000" viewBox="0 0 24 24">
+                  <Path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text
                     style={[
@@ -263,7 +397,20 @@ export const App = () => {
                 Here are some things you can do with Nx:
               </Text>
               <View style={styles.listItem}>
-                <Terminal width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={styles.textSm}>Add UI library</Text>
                 </View>
@@ -293,7 +440,20 @@ export const App = () => {
                 </Text>
               </View>
               <View style={styles.listItem}>
-                <Terminal width={24} height={24} stroke="#000000" />
+              <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={styles.textSm}>
                     View interactive project graph
@@ -306,7 +466,20 @@ export const App = () => {
                 </Text>
               </View>
               <View style={styles.listItem}>
-                <Terminal width={24} height={24} stroke="#000000" />
+                <Svg
+                  width={24}
+                  height={24}
+                  stroke="#000000"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <Path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text style={styles.textSm}>Run affected commands</Text>
                 </View>
@@ -349,7 +522,20 @@ export const App = () => {
             </View>
             <View style={[styles.listItem, styles.love]}>
               <Text style={styles.textSubtle}>Carefully crafted with </Text>
-              <Heart width={24} height={24} fill="rgba(252, 165, 165, 1)" />
+              <Svg
+                width={24}
+                height={24}
+                fill="rgba(252, 165, 165, 1)"
+                stroke="none"
+                viewBox="0 0 24 24"
+              >
+                <Path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="2"
+                  d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
+                />
+              </Svg>
             </View>
           </View>
         </ScrollView>
@@ -418,7 +604,7 @@ const styles = StyleSheet.create({
     color: '#6b7280',
   },
   section: {
-    marginVertical: 12,
+    marginVertical: 24,
     marginHorizontal: 12,
   },
   shadowBox: {
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/blog.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/blog.svg
deleted file mode 100644
index b7618efb90ad4..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/blog.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/book.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/book.svg
deleted file mode 100644
index af2d6df129007..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/book.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/checkmark.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/checkmark.svg
deleted file mode 100644
index fe2608c90b1df..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/checkmark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/chevron-right.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/chevron-right.svg
deleted file mode 100644
index 332879444aef8..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/chevron-right.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/courses.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/courses.svg
deleted file mode 100644
index 1a3d480024762..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/courses.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 14l9-5-9-5-9 5 9 5z"></path><path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/github.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/github.svg
deleted file mode 100644
index 266c1f766d135..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/github.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/heart.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/heart.svg
deleted file mode 100644
index 74c66cb72894b..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/heart.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="currentColor" stroke="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/logo.png b/packages/react-native/src/generators/application/files/app/src/app/icons/logo.png
deleted file mode 100644
index e9b9b6eb620ff..0000000000000
Binary files a/packages/react-native/src/generators/application/files/app/src/app/icons/logo.png and /dev/null differ
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/nx-cloud.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/nx-cloud.svg
deleted file mode 100644
index 0637cbd3dbb87..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/nx-cloud.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M120 15V30C103.44 30 90 43.44 90 60C90 76.56 76.56 90 60 90C43.44 90 30 103.44 30 120H15C6.72 120 0 113.28 0 105V15C0 6.72 6.72 0 15 0H105C113.28 0 120 6.72 120 15Z" fill="#0E2039"></path><path d="M120 30V105C120 113.28 113.28 120 105 120H30C30 103.44 43.44 90 60 90C76.56 90 90 76.56 90 60C90 43.44 103.44 30 120 30Z" fill="white"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/pointer.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/pointer.svg
deleted file mode 100644
index 47cb0edce4c5b..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/pointer.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/terminal.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/terminal.svg
deleted file mode 100644
index 2041db0dd30e4..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/terminal.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/vscode.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/vscode.svg
deleted file mode 100644
index 70ae6e92c912f..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/vscode.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Visual Studio Code</title><path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/generators/application/files/app/src/app/icons/youtube.svg b/packages/react-native/src/generators/application/files/app/src/app/icons/youtube.svg
deleted file mode 100644
index b527eaa1c18c9..0000000000000
--- a/packages/react-native/src/generators/application/files/app/src/app/icons/youtube.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>
\ No newline at end of file
diff --git a/packages/react-native/src/utils/add-jest.ts b/packages/react-native/src/utils/add-jest.ts
index 42426d29b87c8..f130d43661285 100644
--- a/packages/react-native/src/utils/add-jest.ts
+++ b/packages/react-native/src/utils/add-jest.ts
@@ -32,7 +32,7 @@ export async function addJest(
   moduleFileExtensions: ['ts', 'js', 'html', 'tsx', 'jsx'],
   setupFilesAfterEnv: ['<rootDir>/test-setup.${js ? 'js' : 'ts'}'],
   moduleNameMapper: {
-    '\\.svg': '@nrwl/react-native/plugins/jest/svg-mock'
+    '\\\\.svg$': '@nrwl/react-native/plugins/jest/svg-mock'
   }
 };`;
   host.write(configPath, content);