diff --git a/.changeset/red-news-fold.md b/.changeset/red-news-fold.md
new file mode 100644
index 0000000000..ece248ba8e
--- /dev/null
+++ b/.changeset/red-news-fold.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: added filename for css hasing
diff --git a/packages/svelte/src/compiler/validate-options.js b/packages/svelte/src/compiler/validate-options.js
index 2b727ad093..ca32b7b4aa 100644
--- a/packages/svelte/src/compiler/validate-options.js
+++ b/packages/svelte/src/compiler/validate-options.js
@@ -70,8 +70,10 @@ const component_options = {
 		return input;
 	}),
 
-	cssHash: fun(({ css, hash }) => {
-		return `svelte-${hash(css)}`;
+	cssHash: fun(({ css, filename, name, hash }) => {
+		//either use extracted filename or component name
+		filename = filename ? filename.replace(/^.*[\\/]/, '') : name;
+		return `svelte-${hash(filename ?? css)}`;
 	}),
 
 	// TODO this is a sourcemap option, would be good to put under a sourcemap namespace