diff --git a/apps/examples/src/e2e/icon.tsx b/apps/examples/src/e2e/icon.tsx
index db45d5204..a1d0be73e 100644
--- a/apps/examples/src/e2e/icon.tsx
+++ b/apps/examples/src/e2e/icon.tsx
@@ -1,7 +1,21 @@
-import Svg, {Circle} from 'react-native-svg';
+import React from 'react';
+import Svg, {Path, Rect} from 'react-native-svg';
 
 export const icon = (
-  <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Circle cx="10" cy="10" r="8" stroke="purple" strokeWidth="1" fill="pink" />
+  <Svg width="30" height="30" viewBox="235 185 100 100">
+    <Path
+      fill="none"
+      stroke="#000000"
+      strokeWidth="4"
+      d="m240 190 h 30 v 30 h 30 v 30 h 30 v 30 h -90 v -90 z"
+    />
+    <Rect x="235" y="185" width="10" height="10" fill="#0000FF" />
+    <Rect x="265" y="185" width="10" height="10" fill="#0000FF" />
+    <Rect x="265" y="215" width="10" height="10" fill="#0000FF" />
+    <Rect x="295" y="215" width="10" height="10" fill="#0000FF" />
+    <Rect x="295" y="245" width="10" height="10" fill="#0000FF" />
+    <Rect x="325" y="245" width="10" height="10" fill="#0000FF" />
+    <Rect x="325" y="275" width="10" height="10" fill="#0000FF" />
+    <Rect x="235" y="275" width="10" height="10" fill="#0000FF" />
   </Svg>
 );