Simplify icons

fyreplace · Jul 8, 2024 · 85d7098 · 85d7098
1 parent 65cb9f5
commit 85d7098
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 31 deletions.
diff --git a/src/lib/components/icon.svelte b/src/lib/components/icon.svelte
@@ -9,6 +9,10 @@
 <style lang="scss">
 	.icon {
 		overflow: visible;
+		fill: none;
 		stroke: currentColor;
+		stroke-width: 20;
+		stroke-linecap: round;
+		stroke-linejoin: round;
 	}
 </style>
diff --git a/src/lib/components/icons/bell.svelte b/src/lib/components/icons/bell.svelte
@@ -1,6 +1,4 @@
-<g fill="none" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
-	<path
-		d="M 220,200 Q 190,180 190,140 V 90 C 190,40 150,40 140,40 C 140,10 100,10 100,40 C 90,40 50,40 50,90 V 140 Q 50,180 20,200 Z"
-	/>
-	<path d="M 90,200 C 90,240 150,240 150,200" />
-</g>
+<path
+	d="M 220,200 Q 190,180 190,140 V 90 C 190,40 150,40 140,40 C 140,10 100,10 100,40 C 90,40 50,40 50,90 V 140 Q 50,180 20,200 Z"
+/>
+<path d="M 90,200 C 90,240 150,240 150,200" />
diff --git a/src/lib/components/icons/document.svelte b/src/lib/components/icons/document.svelte
@@ -1,6 +1,4 @@
-<g fill="none" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
-	<rect width="160" height="200" x="40" y="20" rx="20" ry="20" />
-	<line x1="80" y1="70" x2="160" y2="70" />
-	<line x1="80" y1="110" x2="160" y2="110" />
-	<line x1="80" y1="150" x2="120" y2="150" />
-</g>
+<rect width="160" height="200" x="40" y="20" rx="20" ry="20" />
+<line x1="80" y1="70" x2="160" y2="70" />
+<line x1="80" y1="110" x2="160" y2="110" />
+<line x1="80" y1="150" x2="120" y2="150" />
diff --git a/src/lib/components/icons/history.svelte b/src/lib/components/icons/history.svelte
@@ -1,5 +1,3 @@
-<g fill="none" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
-	<path d="M 68,187 A 95,95 315,1,0 42,140" />
-	<polyline points="10,120 40,150 70,120" />
-	<polyline points="130,70 130,130 170,150" />
-</g>
+<path d="M 68,187 A 95,95 315,1,0 42,140" />
+<polyline points="10,120 40,150 70,120" />
+<polyline points="130,70 130,130 170,150" />
diff --git a/src/lib/components/icons/home.svelte b/src/lib/components/icons/home.svelte
@@ -1,4 +1,2 @@
-<g fill="none" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
-	<polyline points="40,90 40,220 90,220 90,140 150,140 150,220 200,220 200,90" />
-	<polyline points="10,110 120,20 230,110" />
-</g>
+<polyline points="40,90 40,220 90,220 90,140 150,140 150,220 200,220 200,90" />
+<polyline points="10,110 120,20 230,110" />
diff --git a/src/lib/components/icons/inventory.svelte b/src/lib/components/icons/inventory.svelte
@@ -1,5 +1,3 @@
-<g fill="none" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
-	<path d="M 40,70 V 190 Q 40,210 60,210 H 180 Q 200,210 200,190 V 70" />
-	<rect width="200" height="40" x="20" y="30" />
-	<line x1="80" y1="120" x2="160" y2="120" />
-</g>
+<path d="M 40,70 V 190 Q 40,210 60,210 H 180 Q 200,210 200,190 V 70" />
+<rect width="200" height="40" x="20" y="30" />
+<line x1="80" y1="120" x2="160" y2="120" />
diff --git a/src/lib/components/icons/person.svelte b/src/lib/components/icons/person.svelte
@@ -1,5 +1,3 @@
-<g fill="none" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
-	<circle cx="120" cy="120" r="100" />
-	<circle cx="120" cy="100" r="30" />
-	<path d="M 50,190 A 100,100 0,0,1 190,190" />
-</g>
+<circle cx="120" cy="120" r="100" />
+<circle cx="120" cy="100" r="30" />
+<path d="M 50,190 A 100,100 0,0,1 190,190" />