иконки переведены на спрайты

css/style.css

@@ -73,39 +73,29 @@ div.social {
 .social div {
     width: 50px;
     height: 50px;
-    background-size: contain;
+    background-repeat: no-repeat;
     cursor: pointer;
-    transition: 0.2s;
+    transition: transform 0.2s;
+    background-size: 100px auto;
 }
 
 .social div:hover {
     transform: scale(1.5);
+    background-position: -50px 0;
 }
 
-.mastodon { background-image: url(../images/social/mastodon-off.png); }
+.mastodon { background-image: url(../images/social/mastodon.png); }
-.mastodon:hover { background-image: url(../images/social/mastodon-on.png); }
+.twitter { background-image: url(../images/social/twitter.png); }
-.twitter { background-image: url(../images/social/twitter-off.png); }
+.linkedin { background-image: url(../images/social/linkedin.png); }
-.twitter:hover { background-image: url(../images/social/twitter-on.png); }
+.facebook { background-image: url(../images/social/facebook.png); }
-.linkedin { background-image: url(../images/social/linkedin-off.png); }
+.instagram { background-image: url(../images/social/instagram.png); }
-.linkedin:hover { background-image: url(../images/social/linkedin-on.png); }
+.git { background-image: url(../images/social/git.png); }
-.facebook { background-image: url(../images/social/facebook-off.png); }
+.github { background-image: url(../images/social/github.png); }
-.facebook:hover { background-image: url(../images/social/facebook-on.png); }
+.telegram { background-image: url(../images/social/telegram.png); }
-.instagram { background-image: url(../images/social/instagram-off.png); }
+.solus { background-image: url(../images/social/linux.png); }
-.instagram:hover { background-image: url(../images/social/instagram-on.png); }
+.blog { background-image: url(../images/social/blog.png); }
-.git { background-image: url(../images/social/git-off.png); }
+.ftp { background-image: url(../images/social/ftp.png); }
-.git:hover { background-image: url(../images/social/git-on.png); }
+.email { background-image: url(../images/social/email.png); }
-.github { background-image: url(../images/social/github-off.png); }
-.github:hover { background-image: url(../images/social/github-on.png); }
-.telegram { background-image: url(../images/social/telegram-off.png); }
-.telegram:hover { background-image: url(../images/social/telegram-on.png); }
-.solus { background-image: url(../images/social/linux-off.png); }
-.solus:hover { background-image: url(../images/social/linux-on.png); }
-.blog { background-image: url(../images/social/blog-off.png); }
-.blog:hover { background-image: url(../images/social/blog-on.png); }
-.ftp { background-image: url(../images/social/ftp-off.png); }
-.ftp:hover { background-image: url(../images/social/ftp-on.png); }
-.email { background-image: url(../images/social/email-off.png); }
-.email:hover { background-image: url(../images/social/email-on.png); }
 
 .tooltip {
     position: relative;