diff --git a/src/components/CustomIcons.jsx b/src/components/CustomIcons.jsx
index fbc0e77..3534a3c 100644
--- a/src/components/CustomIcons.jsx
+++ b/src/components/CustomIcons.jsx
@@ -1,5 +1,14 @@
 import React from 'react';
 
+// Custom SVG component for process/workflow icon
+export const CustomProcessIcon = ({ width = "24", height = "24" }) => (
+  <svg width={width} height={height} viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0.5" y="0.5" width="90" height="90" rx="45" fill="white"/>
+    <rect x="0.5" y="0.5" width="90" height="90" rx="45" stroke="#D9D9D9"/>
+    <path d="M38.0625 32.75H34.2375C37.425 29.9875 41.25 28.5 45.5 28.5C46.1375 28.5 46.775 28.5 47.4125 28.7125C48.475 28.925 49.5375 28.075 49.75 26.8C49.9625 25.7375 49.1125 24.675 47.8375 24.4625C46.9875 24.25 46.35 24.25 45.5 24.25C40.4 24.25 35.5125 26.1625 31.6875 29.35V26.375C31.6875 25.1 30.8375 24.25 29.5625 24.25C28.2875 24.25 27.4375 25.1 27.4375 26.375V34.875C27.4375 36.15 28.2875 37 29.5625 37H38.0625C39.3375 37 40.1875 36.15 40.1875 34.875C40.1875 33.6 39.3375 32.75 38.0625 32.75ZM34.875 50.8125C33.6 50.8125 32.75 51.6625 32.75 52.9375V56.7625C29.9875 53.575 28.5 49.75 28.5 45.5C28.5 44.8625 28.5 44.225 28.7125 43.5875C28.925 42.525 28.075 41.4625 26.8 41.25C25.7375 41.0375 24.675 41.8875 24.4625 43.1625C24.25 44.0125 24.25 44.65 24.25 45.5C24.25 50.6 26.1625 55.4875 29.35 59.3125H26.375C25.1 59.3125 24.25 60.1625 24.25 61.4375C24.25 62.7125 25.1 63.5625 26.375 63.5625H34.875C35.5125 63.5625 36.15 63.1375 36.575 62.7125C36.575 62.5 36.7875 62.2875 36.7875 62.075V52.9375C37 51.6625 36.15 50.8125 34.875 50.8125ZM64.625 31.6875C65.9 31.6875 66.75 30.8375 66.75 29.5625C66.75 28.2875 65.9 27.4375 64.625 27.4375H55.7C55.4875 27.4375 55.275 27.65 55.0625 27.65C54.85 27.8625 54.6375 27.8625 54.6375 28.075C54.6375 28.2875 54.425 28.5 54.425 28.5V37.6375C54.425 38.9125 55.275 39.7625 56.55 39.7625C57.825 39.7625 58.675 38.9125 58.675 37.6375V34.2375C61.4375 37.2125 62.925 41.25 62.925 45.5C62.925 46.1375 62.925 46.775 62.7125 47.4125C62.5 48.475 63.35 49.5375 64.625 49.75H64.8375C65.9 49.75 66.75 48.9 66.9625 47.8375C66.9625 46.9875 67.175 46.35 67.175 45.5C67.175 40.4 65.2625 35.5125 62.075 31.6875H64.625ZM63.1375 55.0625L62.5 54.425C62.2875 54.2125 62.075 54.2125 61.8625 54.2125H52.9375C51.6625 54.2125 50.8125 55.0625 50.8125 56.3375C50.8125 57.6125 51.6625 58.4625 52.9375 58.4625H56.7625C53.7875 61.225 49.75 62.7125 45.5 62.7125C44.8625 62.7125 44.225 62.7125 43.5875 62.5C42.525 62.2875 41.4625 63.1375 41.25 64.4125C41.0375 65.6875 41.8875 66.5375 43.1625 66.75C44.0125 66.75 44.65 66.9625 45.5 66.9625C50.6 66.9625 55.4875 65.05 59.3125 61.8625V64.625C59.3125 65.9 60.1625 66.75 61.4375 66.75C62.7125 66.75 63.5625 65.9 63.5625 64.625V56.125C63.5625 55.7 63.35 55.275 63.1375 55.0625Z" fill="#EB9706"/>
+  </svg>
+);
+
 // Custom SVG component for database icon (Stage tables)
 export const CustomDatabaseIcon = ({ color = "#fa8c16", width = "24", height = "24" }) => (
   <svg width={width} height={height} viewBox="0 0 49 47" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/src/components/DataflowCanvas.jsx b/src/components/DataflowCanvas.jsx
index aa523c3..1eaaaa4 100644
--- a/src/components/DataflowCanvas.jsx
+++ b/src/components/DataflowCanvas.jsx
@@ -130,11 +130,11 @@ const generateCustomStyles = () => {
 };
 
 // Import icons from react-icons
-import { FaTable, FaArrowRight, FaCog, FaExchangeAlt, FaLayerGroup, FaFilter, FaCode, FaSync, FaCalculator, FaChartLine } from 'react-icons/fa';
+import { FaTable, FaArrowRight, FaExchangeAlt, FaLayerGroup, FaFilter, FaCode, FaSync, FaCalculator, FaChartLine } from 'react-icons/fa';
 import { BiSolidData, BiTransfer } from 'react-icons/bi';
 import { AiFillFolder } from 'react-icons/ai';
 import { TbTransform } from 'react-icons/tb';
-import { CustomDatabaseIcon, CustomDocumentIcon, CustomDimensionIcon } from './CustomIcons';
+import { CustomDatabaseIcon, CustomDocumentIcon, CustomDimensionIcon, CustomProcessIcon } from './CustomIcons';
 
 // Import mock data
 import mockApiData from './mockData';
@@ -344,7 +344,7 @@ const ProcessNode = ({ data }) => {
       case 'exchange':
         return <FaExchangeAlt size={iconSize} color={iconColor} />;
       default:
-        return <FaCog size={iconSize} color={iconColor} />;
+        return <CustomProcessIcon width={iconSize} height={iconSize} />;
     }
   };
   
@@ -1615,7 +1615,7 @@ const DataflowCanvas = () => {
                   alignItems: 'center',
                   gap: '8px'
                 }}>
-                  <FaCog /> {selectedProcess.name}
+                  <CustomProcessIcon width="20" height="20" /> {selectedProcess.name}
                 </h3>
               </div>
               
@@ -1809,7 +1809,7 @@ const DataflowCanvas = () => {
                   boxShadow: '0 2px 5px rgba(250, 140, 22, 0.3)'
                 }}
               >
-                <FaCog size={12} /> Edit Process
+                <CustomProcessIcon width="16" height="16" /> Edit Process
               </button>
             </div>
           </div>
@@ -1871,7 +1871,7 @@ const DataflowCanvas = () => {
                 cursor: 'pointer'
               }}
             >
-              <FaCog size={14} />
+              <CustomProcessIcon width="18" height="18" />
               Add Process
             </button>
             <button 
diff --git a/src/components/DataflowCanvasUpdated.jsx b/src/components/DataflowCanvasUpdated.jsx
index 575749b..5c59940 100644
--- a/src/components/DataflowCanvasUpdated.jsx
+++ b/src/components/DataflowCanvasUpdated.jsx
@@ -64,10 +64,11 @@ const generateCustomStyles = () => {
 };
 
 // Import icons from react-icons
-import { FaDatabase, FaTable, FaArrowRight, FaCog, FaExchangeAlt, FaLayerGroup } from 'react-icons/fa';
+import { FaDatabase, FaTable, FaArrowRight, FaExchangeAlt, FaLayerGroup } from 'react-icons/fa';
 import { BiSolidData } from 'react-icons/bi';
 import { AiFillFolder } from 'react-icons/ai';
 import { BsFileEarmarkSpreadsheet } from 'react-icons/bs';
+import { CustomProcessIcon } from './CustomIcons';
 
 // Import mock data
 import mockApiData from './mockData';
@@ -353,7 +354,7 @@ const ProcessNode = ({ data }) => {
             marginBottom: '8px',
             boxShadow: '0 3px 6px rgba(0,0,0,0.15)'
           }}>
-            <FaCog color="white" size={18} />
+            <CustomProcessIcon width="24" height="24" />
           </div>
           
           <div style={{ 
@@ -1221,7 +1222,7 @@ const DataflowCanvas = () => {
               boxShadow: '0 2px 5px rgba(0,0,0,0.1)'
             }}
           >
-            <FaCog /> Add Process
+            <CustomProcessIcon width="18" height="18" /> Add Process
           </button>
           <button 
             onClick={addTableNode}
diff --git a/src/components/ProcessForm.jsx b/src/components/ProcessForm.jsx
index 0f6d4ca..1582f6a 100644
--- a/src/components/ProcessForm.jsx
+++ b/src/components/ProcessForm.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { FaCog, FaTable, FaArrowRight, FaTimes, FaPlus, FaFilter, FaCalculator, FaExclamationTriangle } from 'react-icons/fa';
-import { CustomDatabaseIcon, CustomDocumentIcon, CustomDimensionIcon, getTableIcon } from './CustomIcons';
+import { FaTable, FaArrowRight, FaTimes, FaPlus, FaFilter, FaCalculator, FaExclamationTriangle } from 'react-icons/fa';
+import { CustomDatabaseIcon, CustomDocumentIcon, CustomDimensionIcon, getTableIcon, CustomProcessIcon } from './CustomIcons';
 
 const ProcessForm = ({ isOpen, onClose, onSave, tables, existingProcess = null }) => {
   const [processName, setProcessName] = useState('');
@@ -361,7 +361,7 @@ const ProcessForm = ({ isOpen, onClose, onSave, tables, existingProcess = null }
           color: '#fa8c16',
           marginBottom: '20px'
         }}>
-          <FaCog /> {existingProcess ? 'Edit Process' : 'Create New Process'}
+          <CustomProcessIcon width="24" height="24" /> {existingProcess ? 'Edit Process' : 'Create New Process'}
         </h2>
 
         {/* Validation Error Message */}
@@ -1182,7 +1182,7 @@ const ProcessForm = ({ isOpen, onClose, onSave, tables, existingProcess = null }
               gap: '5px'
             }}
           >
-            <FaCog size={12} /> {existingProcess ? 'Update Process' : 'Create Process'}
+            <CustomProcessIcon width="16" height="16" /> {existingProcess ? 'Update Process' : 'Create Process'}
           </button>
         </div>
       </div>