All our default icons are provided by Remix Icon. We
don't import all icons to reduce the bundle size but we cherry pick a nice
selection for you to use in your application. The list of names is set down
below. To use an icon, you can use the Icon
component and pass the name of
the icon you want to use.
<Icon name="heart" />
You can override any icons in our library by using the IconProvider
at the root of your application.
<IconProvider overrides={{ heart: () => <div>Custom Icon</div> }} />