fix: clipart grouping and sizing (#1740)

bhavjsh · ArnavBallinCode · mariobehling · web-flow · commit 9ecc2d680c96 · 2026-06-10T15:59:11.000+02:00
Co-authored-by: Arnav Angarkar &lt;arnav.angarkar20@gmail.com&gt;
Co-authored-by: Mario Behling &lt;mb@mariobehling.de&gt;
diff --git a/assets/vectors/clip_down_arrow.SVG b/assets/vectors/clip_down_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="22" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M19,15l-1.41,-1.41L13,18.17V2H11v16.17l-4.59,-4.59L5,15l7,7L19,15z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_left_arrow.SVG b/assets/vectors/clip_left_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="85">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M21,11H6.83l3.58,-3.59L9,6l-6,6 6,6 1.41,-1.41L6.83,13H21z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_mail.SVG b/assets/vectors/clip_mail.SVG
@@ -1,102 +1,21 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="110" width="400">
-    	
-    <path d="M209.5,70.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M219.5,80.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M219.5,30.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M209.5,40.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M199.5,60.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M189.5,60.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M199.5,50.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M179.5,70.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M159.5,60.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M159.5,50.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M169.5,60.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M149.5,70.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M139.5,80.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M149.5,40.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M139.5,30.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M139.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M169.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M159.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M149.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M179.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M199.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M189.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M209.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M219.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,30.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,50.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,40.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,80.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,60.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,70.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M149.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M139.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M159.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M169.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M179.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M199.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M189.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M209.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M229.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M219.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,20.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,30.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,90.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,40.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,80.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,60.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,70.5h10v10h-10z" fill="#000000"/>
-    	
-    <path d="M129.5,50.5h10v10h-10z" fill="#000000"/>
-    
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 11">
+  <g fill="#000000">
+    <rect x="0" y="0" width="15" height="1"/>
+    <rect x="0" y="10" width="15" height="1"/>
+    <rect x="0" y="0" width="1" height="11"/>
+    <rect x="14" y="0" width="1" height="11"/>
+    <rect x="1" y="1" width="1" height="1"/>
+    <rect x="2" y="2" width="1" height="1"/>
+    <rect x="3" y="3" width="1" height="1"/>
+    <rect x="4" y="4" width="1" height="1"/>
+    <rect x="5" y="5" width="1" height="1"/>
+    <rect x="6" y="6" width="1" height="1"/>
+    <rect x="7" y="7" width="1" height="1"/>
+    <rect x="13" y="1" width="1" height="1"/>
+    <rect x="12" y="2" width="1" height="1"/>
+    <rect x="11" y="3" width="1" height="1"/>
+    <rect x="10" y="4" width="1" height="1"/>
+    <rect x="9" y="5" width="1" height="1"/>
+    <rect x="8" y="6" width="1" height="1"/>
+  </g>
 </svg>
diff --git a/assets/vectors/clip_north_east_arrow.SVG b/assets/vectors/clip_north_east_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M9,5v2h6.59L4,18.59L5.41,20L17,8.41V15h2V5H9z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_north_west_arrow.SVG b/assets/vectors/clip_north_west_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M5,15h2V8.41L18.59,20L20,18.59L8.41,7H15V5H5V15z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_right_arrow.SVG b/assets/vectors/clip_right_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M15,5l-1.41,1.41L18.17,11H2V13h16.17l-4.59,4.59L15,19l7,-7L15,5z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_south_east_arrow.SVG b/assets/vectors/clip_south_east_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M19,9h-2v6.59L5.41,4L4,5.41L15.59,17H9v2h10V9z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_south_west_arrow.SVG b/assets/vectors/clip_south_west_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M15,19v-2H8.41L20,5.41L18.59,4L7,15.59V9H5v10H15z" fill="#000000"/>
     
diff --git a/assets/vectors/clip_up_arrow.SVG b/assets/vectors/clip_up_arrow.SVG
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" height="20" width="80">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:android="http://schemas.android.com/apk/res/android" viewBox="0 0 24 24">
     	
     <path d="M5,9l1.41,1.41L11,5.83V22H13V5.83l4.59,4.59L19,9l-7,-7L5,9z" fill="#000000"/>
     
diff --git a/lib/bademagic_module/utils/image_utils.dart b/lib/bademagic_module/utils/image_utils.dart
diff --git a/lib/view/widgets/vectorview.dart b/lib/view/widgets/vectorview.dart
