[FIXED] How to add a Glyphicon to the place holder in a search bar, HTML, Bootstrap 5?

Issue

This is a screen shot from my website

I want to add a search Glyphicon to that search bar how do I using bootstrap 5.

Solution

add bootstrap.icons.css file to html page

cdn address : https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css

document : https://icons.getbootstrap.com/

using this code :

<div class="input-group mb-3">
    <button class="btn btn-outline-secondary" type="button"><i class="bi bi-search"></i></button>
    <input type="text" class="form-control" placeholder="Enter A Product ...">
  </div>

Answered By - Amin.Gh

Answer Checked By - Robin (PHPFixing Admin)