diff --git a/src/assets/faculty-sidebar.png b/src/assets/faculty-sidebar.png
new file mode 100644
index 0000000..9a5cfa4
Binary files /dev/null and b/src/assets/faculty-sidebar.png differ
diff --git a/src/assets/university-sidebar.png b/src/assets/university-sidebar.png
new file mode 100644
index 0000000..0faa829
Binary files /dev/null and b/src/assets/university-sidebar.png differ
diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
index c0b2a6e..878a16b 100644
--- a/src/components/Sidebar/Sidebar.jsx
+++ b/src/components/Sidebar/Sidebar.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
 import styles from './Sidebar.module.css';
+import university from "../../assets/university-sidebar.png";
+import faculty from "../../assets/faculty-sidebar.png";
 
 const Sidebar = () => {
   return (
@@ -10,12 +12,18 @@ const Sidebar = () => {
           <ul>
             <li>
               <a href="#">
-                <span className={styles.icon}>📚</span> University
+                <span>
+                  <img src={faculty} className={styles.icon} />
+                </span>
+                University
               </a>
             </li>
             <li>
               <a href="#">
-                <span className={styles.icon}>🏛</span> Faculties
+                <span>
+                  <img src={university} className={styles.icon} />
+                </span>
+                Faculties
               </a>
             </li>
           </ul>
diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css
index 9bc4b1e..54e91c4 100644
--- a/src/components/Sidebar/Sidebar.module.css
+++ b/src/components/Sidebar/Sidebar.module.css
@@ -17,6 +17,8 @@
 }
 
 .nav a {
+display: flex;
+gap: 10px;
 font-size: 14px;
 font-weight: 700;
 line-height: 24px;