feat: restart on web

2025-11-17 10:58:28 +01:00
parent e0309c24b9
commit add6a707a2
4 changed files with 106 additions and 73 deletions
@@ -0,0 +1,61 @@
+import * as React from "react";
+import { View } from "react-native";
+import Svg, { ClipPath, Defs, G, Path, Rect } from "react-native-svg";
+
+const RestartSpinnerIcon = ({
+  size = 30,
+  color = "#F94697",
+  background = "transparent",
+  style,
+}) => {
+  return (
+    <View
+      style={[
+        {
+          width: size + 8,
+          height: size + 8,
+          borderRadius: size,
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: background,
+        },
+        style,
+      ]}
+    >
+      <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+        <G clipPath="url(#restartSpinnerClip)">
+          <Path
+            d="
+              M19.7285 10.9286
+              C20.4412 13.5975 19.7507 16.5633 17.6569 18.6571
+              C14.5327 21.7813 9.46734 21.7813 6.34315 18.6571
+              C3.21895 15.5329 3.21895 10.4676 6.34315 7.34338
+              C9.46734 4.21918 14.5327 4.21918 17.6569 7.34338
+              L18.364 8.05048
+            "
+            stroke={color}
+            strokeWidth={2}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+
+          <Path
+            d="M14.1214 8.05026H18.364V3.80762"
+            stroke={color}
+            strokeWidth={2}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </G>
+
+        <Defs>
+          <ClipPath id="restartSpinnerClip">
+            <Rect width="24" height="24" fill="white" />
+          </ClipPath>
+        </Defs>
+      </Svg>
+    </View>
+  );
+};
+
+export default RestartSpinnerIcon;