diff --git a/src/lib/components/icons/Pin.svelte b/src/lib/components/icons/Pin.svelte
new file mode 100644
index 0000000000..d62c9049db
--- /dev/null
+++ b/src/lib/components/icons/Pin.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	export let className = 'size-4';
+	export let strokeWidth = '1.5';
+</script>
+
+<svg
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	width="24"
+	height="24"
+	><path d="M9.5 14.5L3 21" stroke-linecap="round" stroke-linejoin="round"></path><path
+		d="M5.00007 9.48528L14.1925 18.6777L15.8895 16.9806L15.4974 13.1944L21.0065 8.5211L15.1568 2.67141L10.4834 8.18034L6.69713 7.78823L5.00007 9.48528Z"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path></svg
+>
diff --git a/src/lib/components/icons/PinSlash.svelte b/src/lib/components/icons/PinSlash.svelte
index ab119b0292..6a90da3e87 100644
--- a/src/lib/components/icons/PinSlash.svelte
+++ b/src/lib/components/icons/PinSlash.svelte
@@ -4,6 +4,7 @@
 </script>
 
 <svg
+	viewBox="0 0 24 24"
 	stroke-width={strokeWidth}
 	stroke="currentColor"
 	class={className}
@@ -12,7 +13,6 @@
 	fill="none"
 	width="24"
 	height="24"
-	viewBox="0 0 22 22"
 	><path d="M9.5 14.5L3 21" stroke-linecap="round" stroke-linejoin="round"></path><path
 		d="M7.67602 7.8896L6.69713 7.78823L5.00007 9.48528L14.1925 18.6777L15.8895 16.9806L15.7879 16M11.4847 7L15.1568 2.67141L21.0065 8.5211L16.6991 12.175"
 		stroke-linecap="round"