No me muestra el ícono, le agregue font-weight
y font-family
asi que no sé por qué no esta funcionando, este es mi código.
<div className="box">
<select className="select-css btn mr-2" onChange={ handleChange("category") }>
<option valu="All">Pick category</option>
{ categories.map((cat, i) =>
(<option key={i} value={cat._id} >
{cat.name}
</option>)) }
</select>
</div>
<div className="box">
<select className="select-css btn mr-2" onChange={ handleChange("category") }>
<option valu="All">Pick category</option>
{ categories.map((cat, i) => (<option key={i} value={cat._id} > {cat.name}
</option>))
}
</select>
</div>
.box:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f078';
display: block;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
color: #fff;
}
.box:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f078';
display: block;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
color: #fff;
}