I'm using official Font Awesome Angular components in Angular 6 application.
But I can't find way to add a search icon as placeholder to an input element except adding fontawesome fonts additionally to my app, that is not desirable.
<div class="search-box">
<input type="search" [(ngModel)]="searchText" placeholder=" Search" />
</div>
Install official font-awesome
npm install @fortawesome/fontawesome-free -s
Import font-awesome to your styles.css
@import '@fortawesome/fontawesome-free/css/all.min.css';
Now you can use font-awesome normal way and search icons from the official site.