diff --git a/packages/test-utils/src/testUtils/appWrappers.tsx b/packages/test-utils/src/testUtils/appWrappers.tsx
index b84c06c77b..7a8d913273 100644
--- a/packages/test-utils/src/testUtils/appWrappers.tsx
+++ b/packages/test-utils/src/testUtils/appWrappers.tsx
@@ -31,28 +31,28 @@ import { renderWithEffects } from './testingLibrary';
 import { mockApis } from './mockApis';
 
 const mockIcons = {
-  'kind:api': () => <span />,
-  'kind:component': () => <span />,
-  'kind:domain': () => <span />,
-  'kind:group': () => <span />,
-  'kind:location': () => <span />,
-  'kind:system': () => <span />,
-  'kind:user': () => <span />,
+  'kind:api': () => <svg />,
+  'kind:component': () => <svg />,
+  'kind:domain': () => <svg />,
+  'kind:group': () => <svg />,
+  'kind:location': () => <svg />,
+  'kind:system': () => <svg />,
+  'kind:user': () => <svg />,
 
-  brokenImage: () => <span />,
-  catalog: () => <span />,
-  scaffolder: () => <span />,
-  techdocs: () => <span />,
-  search: () => <span />,
-  chat: () => <span />,
-  dashboard: () => <span />,
-  docs: () => <span />,
-  email: () => <span />,
-  github: () => <span />,
-  group: () => <span />,
-  help: () => <span />,
-  user: () => <span />,
-  warning: () => <span />,
+  brokenImage: () => <svg />,
+  catalog: () => <svg />,
+  scaffolder: () => <svg />,
+  techdocs: () => <svg />,
+  search: () => <svg />,
+  chat: () => <svg />,
+  dashboard: () => <svg />,
+  docs: () => <svg />,
+  email: () => <svg />,
+  github: () => <svg />,
+  group: () => <svg />,
+  help: () => <svg />,
+  user: () => <svg />,
+  warning: () => <svg />,
 };
 
 const ErrorBoundaryFallback = ({ error }: { error: Error }) => {