Illustrations

There are two type of illustrations - static and dynamic illustrations

The dynamic illustrations in the theme are simple React components stored in src/svg/illustrations. They can be used as normal React components. For example:

import Box from '@mui/material/Box';
import CreditCardsIllustration from 'src/svg/illustrations/CreditCards';

<Box height={1} width={1} maxWidth={600}>
  <CreditCardsIllustration width={'100%'} height={'100%'} />
</Box>

Illustrations are created by using Many Pixels and Drawkit.io