diff --git a/apps/mobile/src/components/ProviderIcon.tsx b/apps/mobile/src/components/ProviderIcon.tsx
index 6c1b1038698..3e8d9d65221 100644
--- a/apps/mobile/src/components/ProviderIcon.tsx
+++ b/apps/mobile/src/components/ProviderIcon.tsx
@@ -1,5 +1,5 @@
import { useColorScheme } from "react-native";
-import { Path, Svg } from "react-native-svg";
+import { Circle, Path, Rect, Svg } from "react-native-svg";
type ProviderIconProps = {
readonly provider: string | null | undefined;
@@ -10,6 +10,42 @@ export function ProviderIcon(props: ProviderIconProps) {
const isDarkMode = useColorScheme() === "dark";
const size = props.size ?? 16;
+ if (props.provider === "hermes") {
+ const color = isDarkMode ? "#f4f4f5" : "#18181b";
+ return (
+
+ );
+ }
+
+ if (props.provider === "openclaw") {
+ return (
+
+ );
+ }
+
if (props.provider === "claudeAgent") {
return (