diff --git a/app/projects/[id]/page.tsx b/app/projects/[id]/page.tsx
index 4827380..e1ade5a 100644
--- a/app/projects/[id]/page.tsx
+++ b/app/projects/[id]/page.tsx
@@ -3,9 +3,9 @@
 import NextImage from "next/image"
 import NextLink from "next/link"
 import { usePathname } from "next/navigation"
-import GithubVector from "@/public/socialmedias/githubprojectpage.webp"
-import GlobalVector from "@/public/socialmedias/globalprojectpage.webp"
-import TwitterVector from "@/public/socialmedias/twitterprojectpage.webp"
+import GithubVector from "@/public/social-medias/github-fill.svg"
+import GlobalVector from "@/public/social-medias/global-line.svg"
+import TwitterVector from "@/public/social-medias/twitter-fill.svg"
 
 import { projects } from "@/config/projects"
 import Breadcrumbs from "@/components/breadcrumbs"
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 70fb957..79e93fb 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -3,8 +3,8 @@
 import NextImage from "next/image"
 import NextLink from "next/link"
 import { useRouter } from "next/navigation"
-import GithubVector from "@/public/socialmedias/githubgray.webp"
-import GlobalVector from "@/public/socialmedias/globalgray.webp"
+import GithubVector from "@/public/social-medias/github-fill.svg"
+import GlobalVector from "@/public/social-medias/global-line.svg"
 
 import { projects } from "@/config/projects"
 
diff --git a/components/svgs/social-medias.tsx b/components/svgs/social-medias.tsx
index db03e56..c5be8a0 100644
--- a/components/svgs/social-medias.tsx
+++ b/components/svgs/social-medias.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 
 interface MySvgProps {
-  color: "white" | "black"
+  color: string
 }
 
 export const Github = ({ color }: MySvgProps) => {
@@ -26,6 +26,36 @@ export const Github = ({ color }: MySvgProps) => {
   )
 }
 
+export const Global = ({ color }: MySvgProps) => {
+  return (
+    <svg
+      width="25"
+      height="24"
+      viewBox="0 0 25 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g id="global-line" clip-path="url(#clip0_3593_4165)">
+        <path
+          id="Vector"
+          d="M12.5205 22C6.99751 22 2.52051 17.523 2.52051 12C2.52051 6.477 6.99751 2 12.5205 2C18.0435 2 22.5205 6.477 22.5205 12C22.5205 17.523 18.0435 22 12.5205 22ZM10.2305 19.667C9.24392 17.5743 8.67238 15.3102 8.54751 13H4.58251C4.77709 14.5389 5.41443 15.9882 6.41708 17.1717C7.41972 18.3552 8.74452 19.2221 10.2305 19.667ZM10.5505 13C10.7015 15.439 11.3985 17.73 12.5205 19.752C13.6728 17.6766 14.346 15.3695 14.4905 13H10.5505ZM20.4585 13H16.4935C16.3686 15.3102 15.7971 17.5743 14.8105 19.667C16.2965 19.2221 17.6213 18.3552 18.6239 17.1717C19.6266 15.9882 20.2639 14.5389 20.4585 13ZM4.58251 11H8.54751C8.67238 8.68979 9.24392 6.42569 10.2305 4.333C8.74452 4.77788 7.41972 5.64475 6.41708 6.8283C5.41443 8.01184 4.77709 9.4611 4.58251 11ZM10.5515 11H14.4895C14.3453 8.6306 13.6725 6.32353 12.5205 4.248C11.3682 6.32345 10.6951 8.63052 10.5505 11H10.5515ZM14.8105 4.333C15.7971 6.42569 16.3686 8.68979 16.4935 11H20.4585C20.2639 9.4611 19.6266 8.01184 18.6239 6.8283C17.6213 5.64475 16.2965 4.77788 14.8105 4.333Z"
+          fill={color}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_3593_4165">
+          <rect
+            width="24"
+            height="24"
+            fill={color}
+            transform="translate(0.520508)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
 export const Discord = ({ color }: MySvgProps) => {
   return (
     <svg
diff --git a/public/social-medias/github-fill.svg b/public/social-medias/github-fill.svg
new file mode 100644
index 0000000..691c786
--- /dev/null
+++ b/public/social-medias/github-fill.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="github-fill" clip-path="url(#clip0_3593_4160)">
+<path id="Vector" d="M12.5205 2C6.99551 2 2.52051 6.475 2.52051 12C2.51938 14.0993 3.17932 16.1456 4.40672 17.8487C5.63413 19.5517 7.36665 20.8251 9.35851 21.488C9.85851 21.575 10.0455 21.275 10.0455 21.012C10.0455 20.775 10.0325 19.988 10.0325 19.15C7.52051 19.613 6.87051 18.538 6.67051 17.975C6.55751 17.687 6.07051 16.8 5.64551 16.562C5.29551 16.375 4.79551 15.912 5.63251 15.9C6.42051 15.887 6.98251 16.625 7.17051 16.925C8.07051 18.437 9.50851 18.012 10.0825 17.75C10.1705 17.1 10.4325 16.663 10.7205 16.413C8.49551 16.163 6.17051 15.3 6.17051 11.475C6.17051 10.387 6.55751 9.488 7.19551 8.787C7.09551 8.537 6.74551 7.512 7.29551 6.137C7.29551 6.137 8.13251 5.875 10.0455 7.163C10.8596 6.93706 11.7007 6.82334 12.5455 6.825C13.3955 6.825 14.2455 6.937 15.0455 7.162C16.9575 5.862 17.7955 6.138 17.7955 6.138C18.3455 7.513 17.9955 8.538 17.8955 8.788C18.5325 9.488 18.9205 10.375 18.9205 11.475C18.9205 15.313 16.5835 16.163 14.3585 16.413C14.7205 16.725 15.0335 17.325 15.0335 18.263C15.0335 19.6 15.0205 20.675 15.0205 21.013C15.0205 21.275 15.2085 21.587 15.7085 21.487C17.6935 20.8168 19.4184 19.541 20.6404 17.8392C21.8624 16.1373 22.5199 14.0951 22.5205 12C22.5205 6.475 18.0455 2 12.5205 2Z" fill="#4A5754"/>
+</g>
+<defs>
+<clipPath id="clip0_3593_4160">
+<rect width="24" height="24" fill="white" transform="translate(0.520508)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/social-medias/global-line.svg b/public/social-medias/global-line.svg
new file mode 100644
index 0000000..3056f5d
--- /dev/null
+++ b/public/social-medias/global-line.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="global-line" clip-path="url(#clip0_3593_4165)">
+<path id="Vector" d="M12.5205 22C6.99751 22 2.52051 17.523 2.52051 12C2.52051 6.477 6.99751 2 12.5205 2C18.0435 2 22.5205 6.477 22.5205 12C22.5205 17.523 18.0435 22 12.5205 22ZM10.2305 19.667C9.24392 17.5743 8.67238 15.3102 8.54751 13H4.58251C4.77709 14.5389 5.41443 15.9882 6.41708 17.1717C7.41972 18.3552 8.74452 19.2221 10.2305 19.667V19.667ZM10.5505 13C10.7015 15.439 11.3985 17.73 12.5205 19.752C13.6728 17.6766 14.346 15.3695 14.4905 13H10.5505V13ZM20.4585 13H16.4935C16.3686 15.3102 15.7971 17.5743 14.8105 19.667C16.2965 19.2221 17.6213 18.3552 18.6239 17.1717C19.6266 15.9882 20.2639 14.5389 20.4585 13V13ZM4.58251 11H8.54751C8.67238 8.68979 9.24392 6.42569 10.2305 4.333C8.74452 4.77788 7.41972 5.64475 6.41708 6.8283C5.41443 8.01184 4.77709 9.4611 4.58251 11V11ZM10.5515 11H14.4895C14.3453 8.6306 13.6725 6.32353 12.5205 4.248C11.3682 6.32345 10.6951 8.63052 10.5505 11H10.5515ZM14.8105 4.333C15.7971 6.42569 16.3686 8.68979 16.4935 11H20.4585C20.2639 9.4611 19.6266 8.01184 18.6239 6.8283C17.6213 5.64475 16.2965 4.77788 14.8105 4.333V4.333Z" fill="#4A5754"/>
+</g>
+<defs>
+<clipPath id="clip0_3593_4165">
+<rect width="24" height="24" fill="white" transform="translate(0.520508)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/social-medias/twitter-fill.svg b/public/social-medias/twitter-fill.svg
new file mode 100644
index 0000000..2d87267
--- /dev/null
+++ b/public/social-medias/twitter-fill.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="twitter-fill" clip-path="url(#clip0_3593_4170)">
+<path id="Vector" d="M22.6828 5.65593C21.9194 5.99362 21.1098 6.2154 20.2808 6.31393C21.1546 5.79136 21.8085 4.96894 22.1208 3.99993C21.3008 4.48793 20.4018 4.82993 19.4648 5.01493C18.8354 4.34151 18.0012 3.89489 17.0918 3.74451C16.1824 3.59413 15.2487 3.74842 14.4361 4.18338C13.6234 4.61834 12.9772 5.30961 12.5979 6.14972C12.2186 6.98983 12.1276 7.93171 12.3388 8.82893C10.6759 8.74558 9.04914 8.31345 7.56409 7.56059C6.07905 6.80773 4.76893 5.75097 3.7188 4.45893C3.34709 5.09738 3.15176 5.82315 3.1528 6.56193C3.1528 8.01193 3.8908 9.29293 5.0128 10.0429C4.34881 10.022 3.69944 9.84271 3.1188 9.51993V9.57193C3.11901 10.5376 3.45317 11.4735 4.06465 12.221C4.67613 12.9684 5.52729 13.4814 6.4738 13.6729C5.85742 13.84 5.21111 13.8646 4.5838 13.7449C4.85067 14.5762 5.37081 15.3031 6.0714 15.824C6.77198 16.3449 7.61793 16.6337 8.4908 16.6499C7.62329 17.3313 6.62998 17.8349 5.56769 18.1321C4.50539 18.4293 3.39493 18.5142 2.2998 18.3819C4.2115 19.6114 6.4369 20.264 8.7098 20.2619C16.4028 20.2619 20.6098 13.8889 20.6098 8.36193C20.6098 8.18193 20.6048 7.99993 20.5968 7.82193C21.4157 7.23009 22.1224 6.49695 22.6838 5.65693L22.6828 5.65593Z" fill="#4A5754"/>
+</g>
+<defs>
+<clipPath id="clip0_3593_4170">
+<rect width="24" height="24" fill="white" transform="translate(0.520508)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/social-medias/youtube-fill.svg b/public/social-medias/youtube-fill.svg
new file mode 100644
index 0000000..013652c
--- /dev/null
+++ b/public/social-medias/youtube-fill.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="youtube-fill" clip-path="url(#clip0_3593_4175)">
+<path id="Vector" d="M22.0635 6.498C22.5205 8.28 22.5205 12 22.5205 12C22.5205 12 22.5205 15.72 22.0635 17.502C21.8095 18.487 21.0665 19.262 20.1255 19.524C18.4165 20 12.5205 20 12.5205 20C12.5205 20 6.62751 20 4.91551 19.524C3.97051 19.258 3.22851 18.484 2.97751 17.502C2.52051 15.72 2.52051 12 2.52051 12C2.52051 12 2.52051 8.28 2.97751 6.498C3.23151 5.513 3.97451 4.738 4.91551 4.476C6.62751 4 12.5205 4 12.5205 4C12.5205 4 18.4165 4 20.1255 4.476C21.0705 4.742 21.8125 5.516 22.0635 6.498ZM10.5205 15.5L16.5205 12L10.5205 8.5V15.5Z" fill="#4A5754"/>
+</g>
+<defs>
+<clipPath id="clip0_3593_4175">
+<rect width="24" height="24" fill="white" transform="translate(0.520508)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/socialmedias/githubgray.webp b/public/socialmedias/githubgray.webp
deleted file mode 100644
index 4d9176a..0000000
Binary files a/public/socialmedias/githubgray.webp and /dev/null differ
diff --git a/public/socialmedias/githubprojectpage.webp b/public/socialmedias/githubprojectpage.webp
deleted file mode 100644
index 0f9afd2..0000000
Binary files a/public/socialmedias/githubprojectpage.webp and /dev/null differ
diff --git a/public/socialmedias/globalgray.webp b/public/socialmedias/globalgray.webp
deleted file mode 100644
index 173e43d..0000000
Binary files a/public/socialmedias/globalgray.webp and /dev/null differ
diff --git a/public/socialmedias/youtubeprojectpage.webp b/public/socialmedias/youtubeprojectpage.webp
deleted file mode 100644
index a8cccca..0000000
Binary files a/public/socialmedias/youtubeprojectpage.webp and /dev/null differ