diff --git a/src/images/svg/favicon.svg b/src/images/svg/favicon.svg
new file mode 100644
index 0000000..0a13ca3
--- /dev/null
+++ b/src/images/svg/favicon.svg
@@ -0,0 +1 @@
+<svg width="24px" height="24px" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M32 100.641C32 68.391 54.1651 41.3515 84 34.1102V1.28125C36.3772 8.98855 0 50.5392 0 100.641C0 150.742 36.3772 192.293 84 200V167.171C54.1651 159.93 32 132.89 32 100.641ZM200 100.641C200 150.742 163.623 192.293 116 200V167.171C145.835 159.93 168 132.89 168 100.641C168 68.391 145.835 41.3515 116 34.1102V1.28125C163.623 8.98855 200 50.5392 200 100.641Z" fill="url(#paint0_linear_231_555)"/> <defs> <linearGradient id="paint0_linear_231_555" x1="157.5" y1="33.0763" x2="44.7421" y2="148.561" gradientUnits="userSpaceOnUse"> <stop offset="0.0509862" stop-color="#0089ae"/> <stop offset="1" stop-color="#025b74"/> </linearGradient> </defs> </svg>
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 70955e6..2795832 100644
--- a/src/index.html
+++ b/src/index.html
@@ -17,6 +17,8 @@
   <meta property="og:url" content="https://chaseottofy.github.io/Portfolio">
   <meta name="robots" content="index, follow">
   <link type="image/png" href="./images/favicon/favicon-32x32.png" rel="icon" sizes="32x32">
+  <link rel="icon" href="./images/svg/favicon.svg" sizes="any" type="image/svg+xml">
+  <!-- <link type="image/png" href="./images/favicon/favicon-32x32.png" rel="icon" sizes="32x32"> -->
   <link href="style.scss" rel="stylesheet">
   <script src="index.js" defer="defer"></script>
 </head>
diff --git a/src/styles/sections/intro.css b/src/styles/sections/intro.css
index d562593..d3b926d 100644
--- a/src/styles/sections/intro.css
+++ b/src/styles/sections/intro.css
@@ -102,7 +102,7 @@
   position: absolute;
   z-index:-1;
   bottom: .25rem;
-  background-color: green;
+  /* background-color: green; */
   left: 0;
   width: 100%;
   height: var(--header-height);