How to add font awesome icon with the drop down menu.

Question

I want to integrate the Font awesome icon with the boostrap drop down menu. is it possible please post the futher procedure to achieve that

Harsh Shah · Answer

Hi please find below code to add fontawesome icons with bootstrap drop down menu. Here i created a bootstrap menu. And added font awesome's cdn link to element. then i added corresponding icons with dropdown menu items as shown below. > html lang = "en" xmlns = "http://www.w3.org/1999/xhtml" > head > meta charset = "utf-8" /> title > title > meta name = "viewport" content = "width=device-width, initial-scale=1" > link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" > link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" > script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" > script > script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" > script > script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" > script > head > body > div class = "container" > div class = "dropdown mt-5" > button type = "button" class = "btn btn-primary dropdown-toggle" data-toggle = "dropdown" > Dropdown button button > div class = "dropdown-menu" > a class = "dropdown-item" href = "#" > i class = "fa fa-home" > i > Home a > a class = "dropdown-item" href = "#" > i class = "fa fa-address-book" > i > Contact a > a class = "dropdown-item" href = "#" > i class = "fa fa-bell" > i > Notifications a > a class = "dropdown-item" href = "#" > i class = "fa fa-cog" > i > Setting a > div > div > div > body > html > So output will look like below: So, this way you can add font awesome icons with bootstrap dropdown menu. You can find various icons from below site: https://www.w3schools.com/icons/fontawesome_icons_intro.asp Hope This will help you. Thank you.

Salman Beg · Answer

Hi. You can follow up with this link, https://stackoverflow.com/questions/45066037/adding-font-awesome-icon-to-bootstrap-4-select