diff --git a/src/_globalColor.scss b/src/_globalColor.scss
index 03b06c22aa..5b57ca16df 100644
--- a/src/_globalColor.scss
+++ b/src/_globalColor.scss
@@ -78,6 +78,7 @@ $skillsColor: #645beb;
 $appLink: #09d3ac;
 
 // social media icons
+$youtube: #fd0000;
 $faceBook: #3b5998;
 $linkedin: #0e76a8;
 $github: #333;
diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js
index 7a187616cc..433ba98014 100644
--- a/src/components/socialMedia/SocialMedia.js
+++ b/src/components/socialMedia/SocialMedia.js
@@ -8,6 +8,18 @@ export default function socialMedia() {
   }
   return (
     <div className="social-media-div">
+      {socialMediaLinks.youtube ? (
+        <a
+          href={socialMediaLinks.youtube}
+          className="icon-button youtube"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <i className="fab fa-youtube"></i>
+          <span></span>
+        </a>
+      ) : null}
+
       {socialMediaLinks.github ? (
         <a
           href={socialMediaLinks.github}
diff --git a/src/components/socialMedia/SocialMedia.scss b/src/components/socialMedia/SocialMedia.scss
index aec6fc0b9f..e673734888 100644
--- a/src/components/socialMedia/SocialMedia.scss
+++ b/src/components/socialMedia/SocialMedia.scss
@@ -28,6 +28,10 @@
   transition: 0.2s ease-in;
 }
 
+.youtube i {
+  background-color: $youtube;
+}
+
 .facebook i {
   background-color: $faceBook;
 }
@@ -69,6 +73,7 @@
 }
 
 /* Hover Transition */
+.youtube i:hover,
 .twitter i:hover,
 .google i:hover,
 .gitlab i:hover,
diff --git a/src/portfolio.js b/src/portfolio.js
index 495049185b..45383206e9 100644
--- a/src/portfolio.js
+++ b/src/portfolio.js
@@ -33,6 +33,7 @@ const greeting = {
 // Social Media Links
 
 const socialMediaLinks = {
+  youtube: "https://www.youtube.com/@saadpasta",
   github: "https://github.com/saadpasta",
   linkedin: "https://www.linkedin.com/in/saadpasta/",
   gmail: "saadpasta70@gmail.com",