diff --git a/src/pages/index.js b/src/pages/index.js
index 896ea9d50..f4638da84 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -12,7 +12,7 @@ function HomepageHeader() {
     <header className={clsx('hero', styles.heroBanner)}>
       <div className="container">
         <div className='hero__text text--center'>
-          <img src='images/logo_23/rascal_logo.png' className='hero__image' /><br/>
+          <img src='images/logo_23/rascal_logo.svg' className='hero__image' /><br/>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
         </div>
       </div>