diff --git a/src/assets/icons/AP.png b/src/assets/icons/AP.png
new file mode 100644
index 0000000..f719e71
Binary files /dev/null and b/src/assets/icons/AP.png differ
diff --git a/src/assets/icons/Switch.png b/src/assets/icons/Switch.png
new file mode 100644
index 0000000..81c4c6d
Binary files /dev/null and b/src/assets/icons/Switch.png differ
diff --git a/src/components/DeviceList.js b/src/components/DeviceList.js
index 407a7fc..846f059 100644
--- a/src/components/DeviceList.js
+++ b/src/components/DeviceList.js
@@ -19,7 +19,8 @@ import { getToken } from '../utils/authHelper';
 import axiosInstance from '../utils/axiosInstance';
 import { cleanBytesString, cropStringWithEllipsis } from '../utils/helper';
 import iotIcon from '../assets/icons/iot.png';
-import internetSwitch from '../assets/icons/networkswitch.png';
+import apIcon from '../assets/icons/AP.png';
+import internetSwitch from '../assets/icons/Switch.png';
 
 const DeviceList = () => {
   const [loadedSerials, setLoadedSerials] = useState(false);
@@ -150,9 +151,10 @@ const DeviceListDisplay = ({ devices, loading, updateDevicesPerPage, pageCount,
 
   const getDeviceIcon = (deviceType) => {
     if (deviceType === 'AP_Default') {
-      return <CIcon name="cilRouter" size="2xl" alt="AP" />;
+      return <img src={apIcon} style={{ height: '32px', width: '32px' }} alt="IOT" />;
+      // return <CIcon name="cilRouter" size="2xl" alt="AP" />;
     }
-    if (deviceType === 'IOT') {
+    if (deviceType === 'MESH') {
       return <img src={iotIcon} style={{ height: '32px', width: '32px' }} alt="IOT" />;
     }
     if (deviceType === 'SWITCH') {