Font awesom

Question

I'm try to put search icon inside input field, put nothing appear. What's the problem?.
Here is the code : https://code.sololearn.com/WYeAR6Tlm1cf/?ref=app

Answer 1

Add this above your input tag

<i class="fa fa-search"/>

Answer 2

https://code.sololearn.com/WL4OHC7LTaFR/?ref=app

Answer 3

Check it again
Used ::before on the wrapper instead of adding new <i> element

Answer 4

<input type="text" placeholder="&#xF002;" style="font-family:FontAwesome" />
https://code.sololearn.com/W8FzwJs1ej34/?ref=app

Answer 5

What's the icon you want to display?

Answer 6

This might help -
https://stackoverflow.com/questions/19285640/font-awesome-icon-inside-text-input-element

Answer 7

Burey Thank you 👍

Answer 8

Calviղ Search icon

Answer 9

Burey I want to put it inside the input field : /

Answer 10

Naviya If I want to put it in the left, when I try to write in the field the icon will cover the text

Answer 11

Calviղ Naviya Burey ,
I want to make something like this
https://drive.google.com/file/d/1sp_M2TxV_wKiINPM0LNBfS0Fm4hI2xfl/view?usp=drivesdk

Answer 12

Open the font awesome page , u will see a list of all their fonts, you can copy the html tags, this is in case u want to add another font asides search. The html format are usually in this tag format <i class=" fa fa-search"/> the sizes exists in "fa-lg" "fa-2x"..." fa-5x" put in the class attribute. To change colors, they take css-normal inline style.

Answer 13

H

Answer 14

set the font size of a paragraph 15px

Answer 15

can anybody help wirh that

Answer 16

ban