diff --git a/web/routes/uix/components/search-field/+page.svelte b/web/routes/uix/components/search-field/+page.svelte
index eac5bc40a..d523faf82 100644
--- a/web/routes/uix/components/search-field/+page.svelte
+++ b/web/routes/uix/components/search-field/+page.svelte
@@ -5,6 +5,7 @@
 		type SearchFieldSize,
 		type SearchFieldVariant
 	} from '$uix/eidos/components/search-field';
+	import { X } from '$uix/eidos/components/icon';
 	import { compileMorfo } from '$uix/morfo';
 	import { searchFieldMorfo } from '@/uix/morfo/components/search-field';
 	import { getActiveUix } from '$active-uix';
@@ -83,7 +84,7 @@
 			'',
 			'<SearchField.Provider bind:value placeholder="Search components">',
 			'  <SearchField.Input />',
-			'  <SearchField.ClearTrigger>Clear</SearchField.ClearTrigger>',
+			'  <SearchField.ClearTrigger aria-label="Clear"><X size="1em" decorative /></SearchField.ClearTrigger>',
 			'</SearchField.Provider>'
 		].join('\n')
 	);
@@ -100,7 +101,7 @@
 			color !== 'primary' && `  color="${color}"`,
 			'>',
 			'  <SearchField.Input />',
-			'  <SearchField.ClearTrigger>Clear</SearchField.ClearTrigger>',
+			'  <SearchField.ClearTrigger aria-label="Clear"><X size="1em" decorative /></SearchField.ClearTrigger>',
 			'</SearchField>'
 		]
 			.filter(Boolean)
@@ -145,8 +146,10 @@
 					onClear={() => (lastSubmit = 'cleared')}
 				>
 					<SearchField.Input />
-					<SearchField.ClearTrigger>
-						{uix.langs.ts('#?components.search-field.clear|Clear')}
+					<SearchField.ClearTrigger
+						aria-label={uix.langs.ts('#?components.search-field.clear|Clear')}
+					>
+						<X size="1em" decorative />
 					</SearchField.ClearTrigger>
 				</SearchField>
 			</div>