update icon

src/components/HeaderPen/HeaderPen.jsx

@@ -11,6 +11,7 @@ import { FaPen } from 'react-icons/fa/index';
 import { GoMessage } from '../GoMessage/GoMessage';
 import { useTimedPopup } from '../../hooks/useTimedPopup';
 import { usePopup } from '../../hooks/usePopup';
+import { MdLogout } from 'react-icons/md/index';
 
 export const HeaderPen = () => {
   const dispatch = useDispatch();
@@ -92,6 +93,7 @@ export const HeaderPen = () => {
               onClick={logout}
               to="/"
             >
+              <MdLogout />
               Log out
             </NavLink>
           </>

src/components/HeaderPen/HeaderPen.module.scss

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