Wie kann ich die Größe eines Icons in React Material Design festlegen?
Folgendes Problem, ein Icon aus dem React Material Design UI Projekt soll in einer Webseite verwendet werden.
import AccountCircleIcon from '@material-ui/icons/AccountCircle';
Das Icon wird standardmäßig recht klein eingebunden. Doch wie kann die Größe festgelegt werden? Dies geht über die „fontSize“ Eigenschaft. Etwas unintuitiv für ein Bild, aber OK. Die Größe kann sowohl relativ:
<HomeIcon fontSize="large" />
…als auch fest in Pixel vorgegeben werden:
<AccountCircleIcon style={{fontSize: "200px"}} />