diff --git a/public/devto-logo.svg b/public/devto-logo.svg
new file mode 100644
index 0000000..e438b7a
--- /dev/null
+++ b/public/devto-logo.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0A0A0A;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M0,49.6V14.4c0-0.5,0.1-1,0.3-1.4c0.2-0.5,0.5-0.9,0.8-1.2c0.4-0.4,0.8-0.6,1.2-0.8c0.5-0.2,0.9-0.3,1.4-0.3
+		h56.5c0.5,0,1,0.1,1.4,0.3c0.5,0.2,0.9,0.5,1.2,0.8c0.4,0.4,0.6,0.8,0.8,1.2c0.2,0.5,0.3,0.9,0.3,1.4v35.1c0,0.5-0.1,1-0.3,1.4
+		c-0.2,0.5-0.5,0.9-0.8,1.2c-0.4,0.4-0.8,0.6-1.2,0.8c-0.5,0.2-0.9,0.3-1.4,0.3H3.8c-0.5,0-1-0.1-1.4-0.3c-0.5-0.2-0.9-0.5-1.2-0.8
+		c-0.4-0.4-0.6-0.8-0.8-1.2C0.1,50.5,0,50.1,0,49.6z"/>
+	<g>
+		<g>
+			<path class="st1" d="M39.8,27.2c0.7,2.5,1.7,6.5,2.4,9c1,3.9,1.3,4.7,2.2,5.6c0.6,0.6,1.3,1,1.8,1c1,0,2.2-1,2.7-2.1
+				c0.3-0.8,4.8-17.4,4.8-17.8c0-0.1-0.9-0.2-1.9-0.1l-2,0.1L48,29.6c-1.1,4.3-1.8,6.5-1.9,6.1C45.8,35,42.7,23,42.7,22.9
+				c0-0.1-0.9-0.1-2-0.1h-2L39.8,27.2z M27,23.6c-0.6,0.8-0.7,1.2-0.7,9.3v8.4l0.8,0.8c0.7,0.8,0.9,0.8,5,0.8h4.2v-3.4l-3.2-0.1
+				L30,39.2v-4.7l2-0.1l1.9-0.1v-3.4h-4.1v-4.7h6.6v-3.5H32C27.7,22.7,27.6,22.7,27,23.6z M19.8,26.8c0.7,0.6,0.8,0.7,0.8,5.8
+				c0,4.9,0,5.2-0.7,5.9c-0.5,0.5-1.1,0.7-2.2,0.7l-1.5,0l-0.1-6.5L16,26.2h1.5C18.6,26.2,19.3,26.4,19.8,26.8L19.8,26.8z
+				 M12.5,32.8v10h3.5c3.9,0,5.6-0.5,6.7-2c1.2-1.5,1.4-2.8,1.3-8.8c-0.1-5.3-0.2-5.7-0.8-6.8c-1.2-1.9-2.5-2.4-6.9-2.4h-3.8V32.8z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/App/App.tsx b/src/App/App.tsx
index c6e4006..aa35bf6 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -12,6 +12,7 @@ import {
   WorkExperience,
 } from '@/components'
 import Hero from '@/components/Hero/hero'
+import { CONTACT_LINKS } from '@/constant/contact'
 import * as ThemeContext from '@/context/theme.context'
 import '@/styles/index.scss'
 import { PAGES } from '@/types/pages'
@@ -23,10 +24,8 @@ import 'animate.css'
 import cn from 'classnames'
 import React, { createRef, useContext, useEffect } from 'react'
 import { AiOutlineDown, AiOutlineUp } from 'react-icons/ai'
-import { RiGithubLine, RiLinkedinFill } from 'react-icons/ri'
 import { Poppable } from 'webrix/components'
 import useAppCxt from '../hook/app.hook'
-import { CONTACT_LINKS } from '@/constant/contact'
 import { NavLink } from './styled'
 
 const GAP = 5
diff --git a/src/constant/contact.tsx b/src/constant/contact.tsx
index 006f72a..a60c5a3 100644
--- a/src/constant/contact.tsx
+++ b/src/constant/contact.tsx
@@ -23,7 +23,7 @@ export const CONTACT_LINKS: any[] = [
     href={LINKS?.dev_to}
     title="Dev.to account"
   >
-    <img src={'/dev_to_logo.png'} alt="dev.to" style={{ width: 35 }} />
+    <img src={'/devto-logo.svg'} alt="dev.to logo" style={{ width: 45, fontSize: 12 }} />
   </a>,
   <a
     rel="noreferrer"