import "./App.css"; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' function App() { return ( <div className="container"> <input type="text" className="form-control" placeholder="Ara..." id="search_input"> </input> <button type="button" className="btn btn-light" id="search_button"><FontAwesomeIcon icon="search" /></button> <button type="button" className="btn btn-primary" id="buttons">E-Twinning</button> <button type="button" className="btn btn-primary" id="buttons">Erasmus</button> </div> ); } export default App;Necesito ayudar con esto. Tengo un archivo png y svg en segundo plano. Intenté mostrar archivos svg y png pero no funcionó. Probé ambos métodos como el anterior y ambos funcionaron mal.
Para usar una cadena en el accesorio de icon (la forma en que lo está usando), debe agregar esos iconos usando library.add() para que funcione.
Lea más aquí . Consulte la sección "Uso de iconos a través del uso global"
Otra forma es importar íconos individuales y usarlos.
import { faSearch } from "@fortawesome/free-solid-svg-icons";
<FontAwesomeIcon icon={faSearch} />