How to put an icon inside the input?

Question

How to put an icon inside the input

Answer 1

I mean icons, for example, that are in the search box or that are sometimes found when entering the name and mail, you find an icon in the form of a user..

Answer 2

I want to use (font-awesome)

Answer 3

like this :)

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

Answer 4

You can use a cdn for example(Font awesome) :

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

Answer 5

Icon for the title of the page?

Answer 6

‎إسماعيل الرويني‎
I believe there are others here who can better advise you on that idea. I'm just gonna share what I found from a web search, in a hope it helps you to get started 👍

https://www.mockplus.com/blog/post/search-bar-design
https://www.codeofaninja.com/2014/03/textbox-with-search-icon-in-html-css.html

P.S. Please mind copyright notices for codes in codepen. Although if you copy for study purpose (not to claim over), I guess it's okay.

Answer 7

Did you mean something like a magnifier icon in a search input box?
Please clarify your intention.

Answer 8

Use background-image: attribute

Answer 9

sajdh