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-callendar
icon-ArrowRight
icon-ArrowLeft
icon-Upload
icon-Download
icon-Reset
icon-External
icon-Trash
icon-Add
icon-Toggle
icon-Info
icon-Settings
icon-Standards
icon-Edit
<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" />

18 Nov 2021

Contributors
Calvin Hutcheon