URLs in css been updated to use a relative path. Now Vite should handle bundling this icon correctly.

Author: Ibrahim-Haizel

src/lib/components/ui/Search.svelte

@@ -358,7 +358,8 @@
 
   .gem-c-search__input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
-    background-image: url(/assets/govuk_publishing_components/images/icon-close.svg);
+    /* Use a relative path so Vite bundles the asset */
+    background-image: url(../../static/assets/govuk_publishing_components/images/icon-close.svg);
     background-position: center;
     background-repeat: no-repeat;
     cursor: pointer;

src/lib/components/ui/SearchAutocomplete.svelte

@@ -546,8 +546,9 @@
       height: 40px;
       margin-right: 10px;
       flex: none;
-      mask-image: url(/assets/govuk_publishing_components/images/icon-autocomplete-search-suggestion.svg);
-      -webkit-mask-image: url(/assets/govuk_publishing_components/images/icon-autocomplete-search-suggestion.svg);
+      /* Use relative paths so Vite bundles the asset */
+      mask-image: url(../../static/assets/govuk_publishing_components/images/icon-autocomplete-search-suggestion.svg);
+      -webkit-mask-image: url(../../static/assets/govuk_publishing_components/images/icon-autocomplete-search-suggestion.svg);
       background-color: #505a5f;
     }