HTML小圖標是現在網頁設計已經非常常見的元素，可以增添頁面的視覺效果，使內容更加突出。小圖標設置方法也很簡單，下面就來介紹一下。 首先，在網上下載與自己需要的小圖標相關的圖標庫，通常以iconfont等格式出現，也可自己手動創建圖標。接著，將所下載的圖標庫解壓后，復制里面的相關文件到自己的項目文件夾中的相應位置。 接下來，我們需要在head標簽中引入圖標庫的CSS文件（可以從圖標庫的官網獲得引用代碼）。例如，下面這段代碼段引用的就是iconfont的CSS文件：

<link rel="stylesheet" href="//at.alicdn.com/t/font_xxxxxxxx.css">

在頁面需要顯示小圖標的位置，可以使用i標簽定義一個元素，然后使用圖標庫中所提供的相應類名，即可使用該類名所對應的小圖標。例如，下面的代碼可在頁面顯示一個名為“icon-test”的小圖標：

<i class="iconfont icon-test"></i>

通過定義更多的i元素并加入相應的類名，就可以在頁面上添加更多的小圖標。 以上就是HTML小圖標的簡單設置方法，希望對大家有所幫助。