material ui change icon size on xs screen code example
Example: 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>
);
}