Podría intentar:

 import React from "react"; import Camera from "../icons/Camera.svg"; export default function Button({icon, label}) { return ( <button type="button" className="mx-auto mb-2.5 flex items-center gap-2 rounded-lg border border-gray-300 px-3.5 py-2 text-sm font-medium text-gray-700 drop-shadow-sm" > {icon && <img src={Camera} alt={label} />} </button> ); }

Así es como puede agregar un icono https://codesandbox.io/s/react-playground-forked-x4vsge?file=/index.js

Sin embargo, algunas cosas cuando crea estos componentes.

1. Si la fuente de los íconos es una API (CMS), entonces debería tener algunos íconos predefinidos y debería tener su biblioteca de íconos compilada y pasar solo los nombres de los íconos.
2. Si tiene íconos muy limitados, cree íconos SVG como componentes y úselos

Cuando use su componente Button, simplemente use el SVG como JSX

 import Camera from "../icons/Camera.svg"; export default function App() { return <Button icon={<Camera />} label="Click Me" />; }