如何在 HTML 中包含社交媒体图标？

在本文中，我们将看到如何使用 HTML 和 CSS 将社交媒体图标添加到任何网站

方法：

如果你想附加一个图标，那么你需要一个字体很棒的 CDN链接。社交媒体对于推广和宣传您的网站非常有帮助。如果您的品牌拥有社交媒体帐户，最好让网站访问者有机会加入他们并在他们的时间轴上分享您的帖子。

注意：您可以将社交媒体图标添加为图像（SVG、PNG）或字体图标（字体真棒）。在本文中，探索两种方式。

方法 1：要使用 Font Awesome Icons，请在 部分中添加以下 CDN 链接。

句法：

示例 1：在此示例中，我们使用字体真棒图标（Google 图标和Bootstrap 图标） 。

HTML

  

    
    
  
    

  

    
        
GeeksforGeeks
        
Social Media Icons
  
        
        
        
        
    

  

输出：

方法 2：要使用 Google 图标，请在 部分中添加以下链接。

句法：

facebook

例子：

HTML

  

    

  

  

    
        
GEEKSFORGEEKS
        
Google Font Icon
        android 
        facebook
    

  

输出：

方法 3：在此示例中，我们将SVG 或 PNG图像用于图标。

句法：

注意：您可以通过英雄图标、引导程序图标等各种网站选择 SVG 图标。引导程序图标在下面的示例中使用

HTML

  

    
        
GEEKSFORGEEKS
  
        
        
  
        
        
  
        
        
    

  

输出：