diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css
index 8e46570..0bfffaa 100644
--- a/components/Footer/Footer.module.css
+++ b/components/Footer/Footer.module.css
@@ -8,31 +8,12 @@
   flex-direction: column;
 }
 
-.footer p {
-  font-size: 0.8rem;
-  font-weight: 400;
-}
-
+.footer p,
 .footer a {
   font-size: 0.8rem;
   font-weight: 400;
 }
 
-.logo {
-  display: inline-block;
-  margin-right: 4px;
-}
-
-.logo img {
-  height: 100%;
-}
-
-.ccLogo {
-  height: 14px;
-  margin-left: 3px;
-  vertical-align: text-bottom;
-}
-
 .ccLink {
   margin-right: 4px;
 }
@@ -41,3 +22,8 @@
   display: flex;
   align-items: center;
 }
+
+.gitLink img {
+  vertical-align: middle;
+  margin: 0 8px;
+}
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 7797c0e..3701145 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @next/next/no-img-element */
 import Image from 'next/image';
 import styles from './Footer.module.css';
 
@@ -7,15 +6,20 @@ export default (): JSX.Element => {
     <footer className={styles.footer}>
       <div>
         <p>
-          Powered by{' '}
-          <a href="https://github.com/4-life/4life.work" target="_blank" rel="noreferrer">
+          Powered by
+          <a
+            href="https://github.com/4-life/4life.work"
+            target="_blank"
+            rel="noreferrer"
+            className={styles.gitLink}
+          >
             <Image
-              src="/images/footer-logo.png"
+              src="/icons/logo.svg"
               alt="4life Logo"
               width={32}
               height={13}
               className={styles.logo}
-            />{' '}
+            />
             {process.env.version || '0.0.0'}
           </a>
         </p>
@@ -28,26 +32,6 @@ export default (): JSX.Element => {
           className={styles.ccLink}
         >
           License
-          <img
-            className={styles.ccLogo}
-            src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"
-            alt=""
-          />
-          <img
-            className={styles.ccLogo}
-            src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"
-            alt=""
-          />
-          <img
-            className={styles.ccLogo}
-            src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1"
-            alt=""
-          />
-          <img
-            className={styles.ccLogo}
-            src="https://mirrors.creativecommons.org/presskit/icons/nd.svg?ref=chooser-v1"
-            alt=""
-          />
         </a>
         <p>{new Date(Number(process.env.date) * 1000).getFullYear() || ''}</p>
       </div>
diff --git a/components/Home/Home.module.css b/components/Home/Home.module.css
index c706d36..b7c70de 100644
--- a/components/Home/Home.module.css
+++ b/components/Home/Home.module.css
@@ -30,6 +30,12 @@
   text-align: right;
 }
 
+.titleLinks {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .header {
   position: absolute;
   top: 0;
diff --git a/components/Home/index.tsx b/components/Home/index.tsx
index 21563f7..c6ab15b 100644
--- a/components/Home/index.tsx
+++ b/components/Home/index.tsx
@@ -14,33 +14,35 @@ export default (): JSX.Element => {
       <h1 className={styles.title}>
         My name is <i>Pavel</i> <br /> I&apos;m Full-stack web developer from Kazakhstan
         <br />
-        <a href="mailto:ezmvib4nk@mozmail.com" title="Email me" rel="noreferrer">
-          <Image src="/images/email.png" alt="Email" width={28} height={20} />
-        </a>
-        <a
-          href="https://t.me/js4life"
-          title="Write me in Telegram"
-          target="_blank"
-          rel="noreferrer"
-        >
-          <Image src="/images/telegram.png" alt="Telegram" width={25} height={25} />
-        </a>
-        <a
-          href="https://github.com/4-life/"
-          title="My Github Account"
-          target="_blank"
-          rel="noreferrer"
-        >
-          <Image src="/images/github.png" alt="Github" width={25} height={25} />
-        </a>
-        <a
-          href="http://linkedin.com/in/js4life"
-          title="My Linkedin Account"
-          target="_blank"
-          rel="noreferrer"
-        >
-          <Image src="/images/linkedin.png" alt="Linkedin" width={25} height={25} />
-        </a>
+        <div className={styles.titleLinks}>
+          <a href="mailto:ezmvib4nk@mozmail.com" title="Email me" rel="noreferrer">
+            <Image src="/icons/email.svg" alt="Email" width={25} height={25} />
+          </a>
+          <a
+            href="https://t.me/js4life"
+            title="Write me in Telegram"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <Image src="/icons/tg.svg" alt="Telegram" width={25} height={25} />
+          </a>
+          <a
+            href="https://github.com/4-life/"
+            title="My Github Account"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <Image src="/icons/git.svg" alt="Github" width={25} height={25} />
+          </a>
+          <a
+            href="http://linkedin.com/in/js4life"
+            title="My Linkedin Account"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <Image src="/icons/linkedin.svg" alt="Linkedin" width={25} height={25} />
+          </a>
+        </div>
       </h1>
     </main>
   );
diff --git a/components/Portfolio/Portfolio.module.css b/components/Portfolio/Portfolio.module.css
index 314e99c..3d843d9 100644
--- a/components/Portfolio/Portfolio.module.css
+++ b/components/Portfolio/Portfolio.module.css
@@ -68,10 +68,9 @@
   font-size: 80%;
 }
 
-.company-link {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.iconLink img {
+  vertical-align: middle;
+  margin-right: 8px;
 }
 
 @media screen and (max-width: 900px) {
diff --git a/components/Portfolio/index.tsx b/components/Portfolio/index.tsx
index 51dd66f..717a495 100644
--- a/components/Portfolio/index.tsx
+++ b/components/Portfolio/index.tsx
@@ -14,7 +14,7 @@ export default (): JSX.Element => {
         <span className={styles.homeLink}>
           <Link href="/" passHref>
             <span className={styles.homeIcon}>
-              <Image src="/images/homeIcon.png" alt="Home" width={25} height={25} />
+              <Image src="/icons/home.svg" alt="Home" width={25} height={25} />
             </span>
             Home
           </Link>
@@ -34,46 +34,78 @@ export default (): JSX.Element => {
 
       <div className={styles.milestone}>
         <div className={styles.text}>
-          <p>Code examples of my work:</p>
+          <p>Work examples:</p>
           <p>
-            <a href="https://github.com/4-life/chat-io" target="_blank" rel="noreferrer">
-              Simple chat app
+            <a
+              href="https://github.com/4-life/chat-io"
+              target="_blank"
+              rel="noreferrer"
+              className={styles.iconLink}
+            >
+              <Image src="/icons/git.svg" alt="Github" width={20} height={20} />
+              Group chat app
             </a>
-            &nbsp;(Typescript, React, Redux-saga, Socket.io, CRA, MUI, tests)
+            &nbsp;(React, Socket.io, CRA, MUI, tests)
           </p>
           <p>
-            <a href="https://github.com/4-life/backend-ts" target="_blank" rel="noreferrer">
+            <a
+              href="https://github.com/4-life/backend-ts"
+              target="_blank"
+              rel="noreferrer"
+              className={styles.iconLink}
+            >
+              <Image src="/icons/git.svg" alt="Github" width={20} height={20} />
               Rest-Api service
             </a>
-            &nbsp;(Typescript, Express, PostgreSQL, Sequelize, tests)
+            &nbsp;(Express, PostgreSQL, Sequelize, tests)
           </p>
           <p>
-            <a href="https://github.com/4-life/4life.work" target="_blank" rel="noreferrer">
-              My Website
+            <a
+              href="https://github.com/4-life/storybook-boilerplate"
+              target="_blank"
+              rel="noreferrer"
+              className={styles.iconLink}
+            >
+              <Image src="/icons/git.svg" alt="Github" width={20} height={20} />
+              Storybook boilerplate
             </a>
-            &nbsp;(NextJS, React)
+            &nbsp;(Storybook, React, Sass)
           </p>
           <p>
-            <a href="https://github.com/4-life/ad-dashboard" target="_blank" rel="noreferrer">
-              AD Dashboard
+            <a
+              href="https://github.com/4-life/nft-marketplace"
+              target="_blank"
+              rel="noreferrer"
+              className={styles.iconLink}
+            >
+              <Image src="/icons/git.svg" alt="Github" width={20} height={20} />
+              NFT Marketplace
             </a>
-            &nbsp;(Typescript, Vite, React)
+            &nbsp;(React, Sass)
           </p>
           <p>
-            <a href="https://github.com/4-life/nft-marketplace" target="_blank" rel="noreferrer">
-              NFT Marketplace
+            <a
+              href="https://github.com/4-life/ad-dashboard"
+              target="_blank"
+              rel="noreferrer"
+              className={styles.iconLink}
+            >
+              <Image src="/icons/git.svg" alt="Github" width={20} height={20} />
+              AD Dashboard
             </a>
-            &nbsp;(Typescript, React, Sass)
+            &nbsp;(Vite, React, Sass)
           </p>
           <p>
             <a
-              href="https://github.com/4-life/storybook-boilerplate"
+              href="https://play.google.com/store/apps/details?id=io.nwave.splacing2&hl=en_US"
               target="_blank"
               rel="noreferrer"
+              className={styles.iconLink}
             >
-              Storybook boilerplate
+              <Image src="/icons/play.svg" alt="Github" width={20} height={20} />
+              PWA Mobile app
             </a>
-            &nbsp;(Storybook, Typescript, React, Sass)
+            &nbsp;(Ionic, Angular)
           </p>
         </div>
       </div>
@@ -89,7 +121,7 @@ export default (): JSX.Element => {
               href="https://kupsilla.com/"
               target="_blank"
               rel="noreferrer"
-              className={styles['company-link']}
+              className={styles.iconLink}
             >
               <Image src="/images/companies/kupsilla.png" alt="Kupsilla" width={20} height={22} />
               <span>Kupsilla LLC</span>
@@ -163,7 +195,7 @@ export default (): JSX.Element => {
               href="https://www.strata.co.jp/"
               target="_blank"
               rel="noreferrer"
-              className={styles['company-link']}
+              className={styles.iconLink}
             >
               <Image src="/images/companies/strata.png" alt="Strata" width={30} height={30} />
               <span>Strata K.K.</span>
@@ -234,7 +266,7 @@ export default (): JSX.Element => {
               href="https://www.nwave.io/"
               target="_blank"
               rel="noreferrer"
-              className={styles['company-link']}
+              className={styles.iconLink}
             >
               <Image src="/images/companies/nwave.png" alt="Nwave" width={30} height={30} />
               <span>Nwave Technologies Ltd.</span>
@@ -302,7 +334,7 @@ export default (): JSX.Element => {
               href="https://adguard.com/"
               target="_blank"
               rel="noreferrer"
-              className={styles['company-link']}
+              className={styles.iconLink}
             >
               <Image src="/images/companies/adguard.png" alt="Adguard" width={30} height={30} />
               <span>AdGuard</span>
diff --git a/public/icons/email.svg b/public/icons/email.svg
new file mode 100644
index 0000000..eb8166c
--- /dev/null
+++ b/public/icons/email.svg
@@ -0,0 +1 @@
+<svg fill="#8f8f8f" stroke-width="0" viewBox="0 0 24 24" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0-8 4.99L4 6h16zm0 12H4V8l8 5 8-5v10z"></path></svg>
diff --git a/public/icons/git.svg b/public/icons/git.svg
new file mode 100644
index 0000000..1636963
--- /dev/null
+++ b/public/icons/git.svg
@@ -0,0 +1 @@
+<svg stroke="#8f8f8f" fill="#8f8f8f" stroke-width="0" viewBox="0 0 496 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>
diff --git a/public/icons/home.svg b/public/icons/home.svg
new file mode 100644
index 0000000..37efe4b
--- /dev/null
+++ b/public/icons/home.svg
@@ -0,0 +1 @@
+<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.97 2.59a1.5 1.5 0 0 0-1.94 0l-7.5 6.363A1.5 1.5 0 0 0 3 10.097V19.5A1.5 1.5 0 0 0 4.5 21h4.75a.75.75 0 0 0 .75-.75V14h4v6.25c0 .414.336.75.75.75h4.75a1.5 1.5 0 0 0 1.5-1.5v-9.403a1.5 1.5 0 0 0-.53-1.144l-7.5-6.363Z"></path></svg>
diff --git a/public/icons/linkedin.svg b/public/icons/linkedin.svg
new file mode 100644
index 0000000..0d01ab4
--- /dev/null
+++ b/public/icons/linkedin.svg
@@ -0,0 +1 @@
+<svg fill="#8f8f8f" stroke-width="0" viewBox="0 0 448 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
diff --git a/public/icons/logo.svg b/public/icons/logo.svg
new file mode 100644
index 0000000..e26d44d
--- /dev/null
+++ b/public/icons/logo.svg
@@ -0,0 +1,21 @@
+<svg
+  stroke-width="0"
+  viewBox="0 0 324.09039 135.1992"
+  version="1.1"
+  width="162.0452"
+  height="67.599602"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill="#333333"
+    d="M 38,0.04117838 0,23.213054 v 4.029297 25.1875 H 38 V 24.220867 Z m 7,0 V 135.04119 H 84 V 0.04117838 Z M 0,61.496257 v 31.232422 2.013672 2.015627 L 38,115.89861 V 94.742351 92.728679 61.496257 Z"
+  />
+  <path
+    fill="#333333"
+    d="M 97.551316,0.04117868 135.65093,44.482589 v -3.44922 l -0.0996,-40.99219032 z m 0,14.78125032 0.0996,120.119141 35.900394,0.0937 v 0.006 h 2 V 59.164319 Z m 49.000004,80.80273 v 38.429691 0.88672 0.0996 h 59 v -0.0996 -0.88672 -38.332031 -0.0977 h -58 -1 z"
+  />
+  <path
+    fill="#333333"
+    d="m 255.0904,0 -38,26.798828 h 0.0996 v 68.499995 h 38 V 26.798828 h -0.0996 v -1 z m 8,0 v 25.898438 h 61 V 0 Z m 0,48 v 26.099609 h 61 V 48 Z m -46,58.19921 v 28.80078 h 73 1 l 33,0.19922 -32,-27.92774 v -0.0723 h -0.082 l -0.91797,-0.80074 v -0.19922 z"
+  />
+</svg>
diff --git a/public/icons/play.svg b/public/icons/play.svg
new file mode 100644
index 0000000..424d0ae
--- /dev/null
+++ b/public/icons/play.svg
@@ -0,0 +1 @@
+<svg stroke="#8f8f8f" fill="#8f8f8f" stroke-width="0" viewBox="0 0 512 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg>
diff --git a/public/icons/tg.svg b/public/icons/tg.svg
new file mode 100644
index 0000000..965c5cb
--- /dev/null
+++ b/public/icons/tg.svg
@@ -0,0 +1 @@
+<svg stroke="#8f8f8f" fill="#8f8f8f" stroke-width="0" viewBox="0 0 256 256" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path d="M223.41,32.09,80,134.87,21,123.3A6.23,6.23,0,0,1,20,111.38L222.63,32.07A1,1,0,0,1,223.41,32.09ZM80,200a8,8,0,0,0,13.76,5.56l30.61-31.76L80,134.87Z" opacity="0.2"></path><path d="M228.88,26.19a9,9,0,0,0-9.16-1.57L17.06,103.93a14.22,14.22,0,0,0,2.43,27.21L72,141.45V200a15.92,15.92,0,0,0,10,14.83,15.91,15.91,0,0,0,17.51-3.73l25.32-26.26L165,220a15.88,15.88,0,0,0,10.51,4,16.3,16.3,0,0,0,5-.79,15.85,15.85,0,0,0,10.67-11.63L231.77,35A9,9,0,0,0,228.88,26.19ZM78.15,126.35l-49.61-9.73,139.2-54.48ZM88,200V152.52l24.79,21.74Zm87.53,8L92.85,135.5l119-85.29Z"></path></svg>
diff --git a/public/images/email.png b/public/images/email.png
deleted file mode 100644
index 3e155ae..0000000
Binary files a/public/images/email.png and /dev/null differ
diff --git a/public/images/footer-logo.png b/public/images/footer-logo.png
deleted file mode 100644
index 434ab59..0000000
Binary files a/public/images/footer-logo.png and /dev/null differ
diff --git a/public/images/github.png b/public/images/github.png
deleted file mode 100644
index 760b13e..0000000
Binary files a/public/images/github.png and /dev/null differ
diff --git a/public/images/homeIcon.png b/public/images/homeIcon.png
deleted file mode 100644
index 1478739..0000000
Binary files a/public/images/homeIcon.png and /dev/null differ
diff --git a/public/images/linkedin.png b/public/images/linkedin.png
deleted file mode 100644
index 3a35e79..0000000
Binary files a/public/images/linkedin.png and /dev/null differ
diff --git a/public/images/telegram.png b/public/images/telegram.png
deleted file mode 100644
index 3c600b6..0000000
Binary files a/public/images/telegram.png and /dev/null differ