HRM

assets/svg/hrm/pie-chart.svg

-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_6" data-name="Layer 6"><path d="m207.72 34.37c-116.82 13.63-207.5 112.85-207.72 233.28-.22 127.67 105.81 234.77 233.48 235.74a234.38 234.38 0 0 0 151.08-53.39 24.62 24.62 0 0 0 1.38-36.73l-143.08-137.91a24.67 24.67 0 0 1 -7.54-17.75v-198.76a24.68 24.68 0 0 0 -27.6-24.48z" fill="#4193d2"/><path d="m463.2 386a234.24 234.24 0 0 0 48.8-143.49c0-120.71-90.89-220.2-208-233.75a24.61 24.61 0 0 0 -27.34 24.51v198.85a24.66 24.66 0 0 0 7.43 17.64l142.36 138.83a24.66 24.66 0 0 0 36.75-2.59z" fill="#dd4247"/><path d="m302.62 333-59.76-57.61a24.67 24.67 0 0 1 -7.54-17.75v-198.79a24.68 24.68 0 0 0 -27.6-24.48c-116.82 13.63-207.5 112.85-207.72 233.28a231.56 231.56 0 0 0 32.93 119.08 278.59 278.59 0 0 0 269.69-53.73z" fill="#48a4df"/><path d="m276.69 33.27v198.85a24.66 24.66 0 0 0 7.43 17.64l51.09 49.83a278.5 278.5 0 0 0 48.79-266.59 233.81 233.81 0 0 0 -80-24.24 24.62 24.62 0 0 0 -27.31 24.51z" fill="#e55353"/></g></svg>
\ No newline at end of file
+<svg width="40" height="40" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <!-- Circle background same as your first icon -->
+    <circle cx="20" cy="20" r="20" fill="#EDF8FF"/>
+
+    <!-- Scale down the original 512x512 drawing into 40x40 -->
+    <g transform="scale(0.078125) translate(0,0)">
+        <path d="m207.72 34.37c-116.82 13.63-207.5 112.85-207.72 233.28-.22 127.67 105.81 234.77 233.48 235.74a234.38 234.38 0 0 0 151.08-53.39 24.62 24.62 0 0 0 1.38-36.73l-143.08-137.91a24.67 24.67 0 0 1 -7.54-17.75v-198.76a24.68 24.68 0 0 0 -27.6-24.48z" fill="#4193d2"/>
+        <path d="m463.2 386a234.24 234.24 0 0 0 48.8-143.49c0-120.71-90.89-220.2-208-233.75a24.61 24.61 0 0 0 -27.34 24.51v198.85a24.66 24.66 0 0 0 7.43 17.64l142.36 138.83a24.66 24.66 0 0 0 36.75-2.59z" fill="#dd4247"/>
+        <path d="m302.62 333-59.76-57.61a24.67 24.67 0 0 1 -7.54-17.75v-198.79a24.68 24.68 0 0 0 -27.6-24.48c-116.82 13.63-207.5 112.85-207.72 233.28a231.56 231.56 0 0 0 32.93 119.08 278.59 278.59 0 0 0 269.69-53.73z" fill="#48a4df"/>
+        <path d="m276.69 33.27v198.85a24.66 24.66 0 0 0 7.43 17.64l51.09 49.83a278.5 278.5 0 0 0 48.79-266.59 233.81 233.81 0 0 0 -80-24.24 24.62 24.62 0 0 0 -27.31 24.51z" fill="#e55353"/>
+    </g>
+</svg>

lib/screens/hrm/TourExpensesDetailsScreen.dart

@@ -451,7 +451,9 @@ class _TourExpensesDetailsScreenState extends State<TourExpensesDetailsScreen>{
                     radius: 20,
                     backgroundColor: const Color(0xffFFF3E0),
                     child: SvgPicture.asset(
-                      "assets/svg/hrm/travel_ic.svg",
+                      _getTravelIcon(travelType),
+                      width: 28,
+                      height: 28,
                     ),
                   ),
                   const SizedBox(width: 8),
@@ -875,6 +877,27 @@ class _TourExpensesDetailsScreenState extends State<TourExpensesDetailsScreen>{
       },
     );
   }
+  ///travel icons
+  String _getTravelIcon(String? travelType) {
+    switch (travelType?.toLowerCase()) {
+      case "flight":
+        return "assets/svg/hrm/airplane_ic.svg";
+      case "train":
+        return "assets/svg/hrm/train_ic.svg";
+      case "bus":
+        return "assets/svg/hrm/bus_ic.svg";
+      case "car":
+        return "assets/svg/hrm/car_ic.svg";
+      case "auto":
+        return "assets/svg/hrm/truck_ic.svg";
+      case "bike":
+        return "assets/svg/hrm/motorcycle_ic.svg";
+      default:
+        return "assets/svg/hrm/travel_ic.svg"; // fallback
+    }
+  }
+
+
   /// Avatar color generator
   Color _getStatusBgColor(value) {
     var color = AppColors.approved_bg_color;