如何在 HTML 中的按钮中添加图标？

我们可以通过多种方式在按钮上添加图标，但我们将在纯 HTML 中尝试。

我们必须为图标使用外部字体链接。在按钮上应用图标使用户易于理解该按钮的功能。

表单中的 Font Awesome 图标是一个创新的想法，它将引起对您网站的关注。就像在任何按钮上应用 Font Awesome 图标一样简单。 标签和 标签被广泛用于在网页上添加图标。要在网页上添加任何图标，它需要 head 部分内的 font-awesome 链接。 font-awesome 图标可以通过在图标名称前使用fa前缀来放置。
CDN链接：

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

示例：在此示例中，我们将采用需要按钮的表单。之后，我们将把 font-awesome 图标放在按钮内。我们将使用 CDN 链接来使用字体真棒图标。在按钮之后，我们将放置我们的图标。

HTML

  

    
    
    

  

    
        
GeeksforGeeks
        
How to add icons in the button in HTML?
        
            
        
        
            
        
        
            
        
        
            
        
    

  

---

输出：