update icon

src/components/HeaderPen/HeaderPen.jsx

@@ -10,6 +10,7 @@ import { GoMessage } from '../GoMessage/GoMessage';
 import { LoginPopup } from '../LoginPopup/LoginPopup';
 import { usePopup } from '../../hooks/usePopup.js';
 import { openLoginPopup } from '../../store/auth/authSlice';
+import { MdLogout } from 'react-icons/md/index';
 
 export const HeaderPen = () => {
   const dispatch = useDispatch();
@@ -69,6 +70,7 @@ export const HeaderPen = () => {
               onClick={logout}
               to="/"
             >
+              <MdLogout />
               Log out
             </NavLink>
           </>

src/components/HeaderPen/HeaderPen.module.scss

@@ -89,8 +89,15 @@
 
     a:last-child {
       @extend %buttonGreen;
+      display: flex;
+      align-items: center;
 
       padding: 13px 16px;
+      svg {
+        width: 17px;
+        height: 17px;
+        margin-right: 4px;
+      }
     }
   }