diff --git a/@xen-orchestra/lite/src/components/ui/UiIcon.vue b/@xen-orchestra/lite/src/components/ui/UiIcon.vue
new file mode 100644
index 000000000..ffe2873ac
--- /dev/null
+++ b/@xen-orchestra/lite/src/components/ui/UiIcon.vue
@@ -0,0 +1,28 @@
+<template>
+  <FontAwesomeIcon
+    v-if="icon !== undefined"
+    :icon="icon"
+    :spin="busy"
+    class="ui-icon"
+    :fixed-width="fixedWidth"
+  />
+</template>
+
+<script lang="ts" setup>
+import { computed } from "vue";
+import type { IconDefinition } from "@fortawesome/fontawesome-common-types";
+import { faSpinner } from "@fortawesome/pro-solid-svg-icons";
+
+const props = withDefaults(
+  defineProps<{
+    busy?: boolean;
+    icon?: IconDefinition;
+    fixedWidth?: boolean;
+  }>(),
+  { fixedWidth: true }
+);
+
+const icon = computed(() => (props.busy ? faSpinner : props.icon));
+</script>
+
+<style lang="postcss" scoped></style>