From 24b03ee12e0015feed84641d003b7d9d9848579c Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Mon, 21 Oct 2024 17:59:29 +0200
Subject: [PATCH] docs: give E2E own icon (#2497)

# Summary

Give E2E own icon instead of copy of circle
---
 apps/examples/src/e2e/icon.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

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>
 );