diff --git a/public/index.html b/public/index.html
index 81d16a8..9c0330d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -84,9 +84,9 @@ <h1>dzień dobry</h1>
         target="_blank"
       >
         <img
-          class="bluesky-logo"
-          src="https://avatars.githubusercontent.com/u/94650532?s=64"
-          alt="Bluesky logo"
+          class="svg-icon"
+          src="https://cdn.jsdelivr.net/npm/simple-icons/icons/bluesky.svg"
+          alt="Bluesky icon"
         />
       </a>
       <a
diff --git a/public/styles/index.css b/public/styles/index.css
index d2f1a6b..4bc371b 100644
--- a/public/styles/index.css
+++ b/public/styles/index.css
@@ -47,19 +47,6 @@
     width: 2rem;
     height: 2rem;
   }
-
-  /* temporary class while Bluesky doesn't have an icon yet */
-  .bluesky-logo {
-    display: block;
-    width: 2rem;
-    height: 2rem;
-    border-radius: 12.5%;
-    filter: grayscale(1) brightness(0.9);
-
-    &:hover {
-      filter: grayscale(1) brightness(0.75);
-    }
-  }
 }
 
 .project-cards {