diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 5fadc45..aa67369 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -2665,6 +2665,14 @@ p {
 .service-details-sidebar .service-download-widget a {
   padding: 13px 30px;
   color: #505056;
+  display: flex;
+  align-items: center;
+  gap: '2px'
+}
+.service-details-sidebar .service-download-widget a img {
+  width: 25px;
+  height: 25px;
+  margin-right: 5px;
 }
 .service-details-sidebar .service-download-widget a:hover {
   color: #4687ba;
diff --git a/src/assets/images/icon/about-us.ico b/src/assets/images/icon/about-us.ico
new file mode 100644
index 0000000..2fc56c8
Binary files /dev/null and b/src/assets/images/icon/about-us.ico differ
diff --git a/src/assets/images/icon/home-icon.ico b/src/assets/images/icon/home-icon.ico
new file mode 100644
index 0000000..c64bc9d
Binary files /dev/null and b/src/assets/images/icon/home-icon.ico differ
diff --git a/src/assets/images/icon/privacy-policy.ico b/src/assets/images/icon/privacy-policy.ico
new file mode 100644
index 0000000..4c45e74
Binary files /dev/null and b/src/assets/images/icon/privacy-policy.ico differ
diff --git a/src/assets/images/icon/term-and-conditions.ico b/src/assets/images/icon/term-and-conditions.ico
new file mode 100644
index 0000000..a48806c
Binary files /dev/null and b/src/assets/images/icon/term-and-conditions.ico differ
diff --git a/src/assets/images/icon/use-case.ico b/src/assets/images/icon/use-case.ico
new file mode 100644
index 0000000..fcc88c7
Binary files /dev/null and b/src/assets/images/icon/use-case.ico differ
diff --git a/src/components/Service/ServiceSideMenu.js b/src/components/Service/ServiceSideMenu.js
index 7850d39..f4f3eb2 100644
--- a/src/components/Service/ServiceSideMenu.js
+++ b/src/components/Service/ServiceSideMenu.js
@@ -1,5 +1,10 @@
 import React from 'react';
 import getConfig from './../../Config/config'
+import AboutIcon from '../../assets/images/icon/about-us.ico'
+import HomeIcon from '../../assets/images/icon/home-icon.ico'
+import UseCaseIcon from '../../assets/images/icon/use-case.ico'
+import PrivacyIcon from '../../assets/images/icon/privacy-policy.ico'
+import TermsIcon from '../../assets/images/icon/term-and-conditions.ico'
 
 function ServiceSideMenu() {
     var site = getConfig()[0];
@@ -9,20 +14,23 @@ function ServiceSideMenu() {
 
                 <div className="service-download-widget">
                     <a href="/">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={HomeIcon} alt='sidenav-icon' />
                         <span>Home</span>
                     </a>
                 </div>
 
                 <div className="service-download-widget">
                     <a href="/about-us">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={AboutIcon} alt='sidenav-icon' />
                         <span>About us</span>
                     </a>
                 </div>
                 <div className="service-download-widget">
                     <a href="/use-cases">
-                        <i className="fal fa-file-pdf"></i>
+                        {/* <i className="fal fa-file-pdf"></i> */}
+                        <img src={UseCaseIcon} alt='sidenav-icon' />
                         <span>Use Cases</span>
                     </a>
                 </div>
@@ -31,13 +39,15 @@ function ServiceSideMenu() {
 
                 <div className="service-download-widget">
                     <a href="/privacy">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={PrivacyIcon} alt='sidenav-icon' />
                         <span>Privacy Policy</span>
                     </a>
                 </div>
                 <div className="service-download-widget">
                     <a href="/terms">
-                        <i className="fal fa-file-pdf"></i>
+                        {/* <i className="fal fa-file-pdf"></i> */}
+                        <img src={TermsIcon} alt='sidenav-icon' />
                         <span>Terms of use</span>
                     </a>
                 </div>