Magnifying glass icon in search bar

Can anyone tell me how to add a magnifying glass icon to our search bar? This is what my search bar looks like now:

I would like to add something like this:

Hey @grega

Check out this write-up:

Hi @grega

Happy to help you :slightly_smiling_face: you again
Please copy & paste this code mentioned below

input.hs-search-field__input {
 height: 50px;
 font-size: 14px;
 background-image: url(https://cdn2.hubspot.net/hubfs/4004166/bioticresearch_website_assets/images/search_icon.png);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 40px;
 background-color: #fff;
 border: 1px solid #000;
 box-shadow: none;
 -webkit-appearance: none;
}

Output:

Let me know if any questions.
Please Accept this solution if it works.
Thanks & Regards!
Ajit
support@psdtohubspot.com

What code do I need to implement the search functionality like the one on the current Hubspot website, on the homepage and also the logged in state, like the one above.

Or, what code do I need to have a search like this: