Hey everyone, I'm having some trouble trying to make this MaterialUI icon larger.
I've attempted changes with the viewbox and inline styling, but no luck so far.
The current size of the icon isn't cutting it for me, I need it to be bigger.
I
const function App() {
return (
<>
<div className="grid" >
<div className="panel">
<img style={{width:"200px", height:"200px", padding:"0"}} src={NI} alt="logo"></img>
<div className="user">
<div>
<AccountBoxIcon
viewBox="0 0 20 20"
/>
</div>
</div>
</div>
<div className="brand-dir">
<header className="header">
Brand Directory
</header>
<div className="App">
<BrandTable />
</div>
</div>
</div>
</>
);
}
export default App;
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>