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> }} />account-circle
alert
arrow-down
arrow-down-circle
caret-down
caret-left
caret-right
caret-up
arrow-left
arrow-left-circle
arrow-left-down
arrow-left-up
arrow-right
arrow-right-circle
arrow-right-down
arrow-right-up
arrow-up
arrow-up-circle
braces
brackets
bug
check
check-double
chevron-down
chevron-left
chevron-right
chevron-up
cloud
code
discord
download
external-link
eye
eye-off
filter
flower
github
git-repository
group
heart
moon
plus
sidebar-fold
sidebar-unfold
sparkling
star
sun
terminal
trash
upload
user
youtube
zoom-in
zoom-out