diff --git a/src/components/AppIcon.js b/src/components/AppIcon.js
new file mode 100644
index 0000000..54fe7cb
--- /dev/null
+++ b/src/components/AppIcon.js
@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ClipboardList, ChefHat, Banknote, BedDouble, TrendingUp, Tag, LayoutGrid, Users, Activity, Home, ScrollText, RefreshCw, ArrowUpCircle, Wifi, Terminal, Settings, Building2, CalendarClock, Wrench, BarChart2, Monitor, History, Armchair, UtensilsCrossed, DollarSign, } from 'lucide-react';
+const iconMap = {
+    ClipboardList, ChefHat, Banknote, BedDouble, TrendingUp, Tag,
+    LayoutGrid, Users, Activity, Home, ScrollText, RefreshCw,
+    ArrowUpCircle, Wifi, Terminal, Settings, Building2, CalendarClock,
+    Wrench, BarChart2, Monitor, History, Armchair, UtensilsCrossed,
+    DollarSign,
+};
+export function AppIcon({ name, size = 20, color, strokeWidth = 1.75 }) {
+    const Icon = iconMap[name];
+    if (!Icon)
+        return null;
+    return _jsx(Icon, { size: size, color: color, strokeWidth: strokeWidth });
+}
diff --git a/src/components/AppIcon.tsx b/src/components/AppIcon.tsx
index 5f8d166..3778759 100644
--- a/src/components/AppIcon.tsx
+++ b/src/components/AppIcon.tsx
@@ -3,6 +3,7 @@ import {
   LayoutGrid, Users, Activity, Home, ScrollText, RefreshCw,
   ArrowUpCircle, Wifi, Terminal, Settings, Building2, CalendarClock,
   Wrench, BarChart2, Monitor, History, Armchair, UtensilsCrossed,
+  DollarSign,
 } from 'lucide-react'
 import type { LucideProps } from 'lucide-react'
 
@@ -13,6 +14,7 @@ const iconMap: Record<string, IconComponent> = {
   LayoutGrid, Users, Activity, Home, ScrollText, RefreshCw,
   ArrowUpCircle, Wifi, Terminal, Settings, Building2, CalendarClock,
   Wrench, BarChart2, Monitor, History, Armchair, UtensilsCrossed,
+  DollarSign,
 }
 
 interface Props {