HTML是一種用于創建網頁的標記語言。在創建網頁時經常需要添加搜索功能，而搜索圖標是常用的搜索符號。下面是一個帶有搜索圖標的HTML代碼:

<input type="text" placeholder="搜索..." id="search-bar"><i class="fa fa-search" aria-hidden="true"></i>

上述代碼中，我們使用了input標簽來生成一個文本輸入框。其中，type屬性的值為"text"表示該輸入框是一個文本輸入框，placeholder屬性定義輸入框內默認顯示的文本。id屬性給輸入框定義了一個唯一的標識符，以便我們在Javascript中可以獲取到該輸入框。

接下來，我們使用了i標簽生成一個圖標，并給其添加了class屬性。class屬性的值為"fa fa-search"，表示該圖標是一個搜索圖標。我們還添加了一個aria-hidden屬性，使得該圖標在屏幕閱讀器中不會被讀取，保證了頁面訪問的無障礙性。

整合上述代碼，我們可以在HTML頁面中添加一個帶有搜索圖標的搜索框。在該輸入框中輸入關鍵字后，我們可以使用Javascript來實現搜索功能，將用戶輸入的關鍵字發送給服務器，并獲取相應的搜索結果顯示在頁面上。