React Material Design Icon Set Size

Veröffentlicht von

How can I set the size of an icon in React Material Design?

The following problem, an icon from the React Material Design UI project is to be used in a web page.

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" />

…as well as fixed in pixels:

<AccountCircleIcon style={{fontSize: "200px"}} /> 

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert