Answers for "how to give size in mui icon"

1

how to change size material ui icons

import React from "react";
import MailIcon from "@material-ui/icons/Mail";

export default function App() {
  return (
    <div>
      <MailIcon fontSize="small" />
      <MailIcon />
      <MailIcon fontSize="large" />
      <MailIcon style={{ fontSize: 50 }} />
    </div>
  );
}
Posted by: Guest on August-17-2021
0

material ui change icon size on xs screen

import React from "react";
import ArrowRightAlt from "@material-ui/icons/ArrowRightAlt";
import Box from "@material-ui/core/Box";

export default function App() {
  return (
    <Box
      clone
      color={{ xs: "red", sm: "orange", md: "yellow", lg: "green", xl: "blue" }}
      fontSize={{ sm: 48, md: 96, lg: 192, xl: 384 }}
    >
      <ArrowRightAlt />
    </Box>
  );
}
Posted by: Guest on April-18-2021

Browse Popular Code Answers by Language