How can i add the SEARCH icon on Html | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How can i add the SEARCH icon on Html

icon

3rd Nov 2018, 11:50 AM
Ugoh Ifeanyi
Ugoh Ifeanyi - avatar
3 Answers
+ 11
Include this CDN link inside the <head> tag: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> Then create search icon inside <body> tag: <i class="fa fa-search" aria-hidden="true"></i>
3rd Nov 2018, 12:40 PM
ᴰᴼᴹᴵᴺᴼ
ᴰᴼᴹᴵᴺᴼ - avatar
+ 4
thanks
3rd Nov 2018, 12:41 PM
Ugoh Ifeanyi
Ugoh Ifeanyi - avatar
+ 4
Frhanklean You can also use bootstrap. Put this in head tag : <!--CSS--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> Put this in body section : <span class="glyphicon glyphicon-search"></span>
3rd Nov 2018, 12:50 PM
Warith Vatanaplachaigoon
Warith Vatanaplachaigoon - avatar