componentsicons

Icons

To use the icon component, import as follows.

import { Icon } from 'xf-material-components'
  
export default function myPage() {
  return (
    <Icon />
  );
}

You can access the following icons from this component.

<Icon name="callendar"/>
<Icon name="ArrowRight" />
<Icon name="ArrowLeft" />
<Icon name="Upload" />
<Icon name="Download" />
<Icon name="Reset" />
<Icon name="Trash" />
<Icon name="External" />
<Icon name="Add" />
<Icon name="Toggle" />
<Icon name="Info" />
<Icon name="Settings" />
<Icon name="Standards" />
<Icon name="Edit" />