Blogger için güncel sosyal medya iconlarının olduğu HTML Gadget kodu

Blogger için güncel sosyal medya iconlarının olduğu bir HTML Gadget kodu paylaşabilecek biri var mı?

Merhaba.

<!-- Sosyal Medya İkonları (X Twitter) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
  .social-icons {
    text-align: center;
    padding: 20px 0;
  }

  .social-icons a {
    margin: 0 15px;
    color: #444;
    font-size: 36px;
    text-decoration: none;
    transition: transform 0.3s ease, opacity 0.3s;
  }

  .social-icons a:hover {
    transform: scale(1.2);
    opacity: 0.8;
  }

  /* Renkli ikonlar */
  .fa-facebook { color: #1877f2; }
  .fa-x-twitter { color: #000000; }
  .fa-instagram { color: #e1306c; }
  .fa-youtube { color: #ff0000; }
  .fa-linkedin { color: #0077b5; }
</style>

<div class="social-icons">
  <a href="https://facebook.com" target="_blank" title="Facebook"><i class="fab fa-facebook"></i></a>
  <a href="https://x.com" target="_blank" title="X (Twitter)"><i class="fab fa-x-twitter"></i></a>
  <a href="https://instagram.com" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>
  <a href="https://youtube.com" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a>
  <a href="https://linkedin.com" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
</div>

birde;

<!-- Sosyal Medya İkonları (X Twitter) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
  .social-icons {
    text-align: center;
    padding: 20px 0;
  }

  .social-icons a {
    margin: 0 15px;
    color: #444;
    font-size: 36px;
    text-decoration: none;
    transition: transform 0.3s ease, opacity 0.3s;
  }

  .social-icons a:hover {
    transform: scale(1.2);
    opacity: 0.8;
  }

  /* Renkli ikonlar */
  .fa-facebook { color: #1877f2; }
  .fa-x-twitter { color: #000000; }
  .fa-instagram { color: #e1306c; }
  .fa-youtube { color: #ff0000; }
  .fa-linkedin { color: #0077b5; }
</style>

<div class="social-icons">
  <a href="https://facebook.com" target="_blank" title="Facebook"><i class="fab fa-facebook"></i></a>
  <a href="https://x.com" target="_blank" title="X (Twitter)"><i class="fab fa-x-twitter"></i></a>
  <a href="https://instagram.com" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>
  <a href="https://youtube.com" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a>
  <a href="https://linkedin.com" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
</div>

Bunları dener misiniz?

Teşekkür ederim.

Lucide ikonları tavsiye ederim çoğu projemde kullanıyorum şık

kodları paylaşabilir misin

Hocam gpt ye yazın yardımcı olur
Lution.dev ikonlarını html de kullanmak diye

Cdn ekleyeceksiniz headere
Html de icon kodu kullanıyorsunuz JavaScriptede lution.start yazıyorsunuz o kadar gpt yardımcı olur