An empty state improves the user experience by encouraging the user to interact with the interface. It can be used to ask the user to perform an action or to guide him through the interface.
For example, it can indicate a maintenance operation or an error. This component allows you to give feedback and instructions to follow instead of displaying empty blank spaces.
Use illustrative inline icons. Prefer a simple one (for example, an absence of notification may be illustrated by a bell).
Never use other icon libraries and style or the action icons. An illustration should not take all the attention to itself.
Use clear text and consider adding a primary call to action if an action must be taken.
Do not make disproportionate illustrations related to the card, modal or screen size.