Icon | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
Icon
Migrating to v3 will provide a lot more customisation option. You can also create custom icons using SVG.
Overview
Migrating Icon components can broadly described in these points:
ios, android and type props have been deprecated.
default Icon type i.e Ionicons has been removed, now v3 does not uses any.
v3 uses a third-party icon library ( such as @expo/vector-icons ), with as prop.
custom colors and size can be added using color and size props.
Code Comparison
v2
v3
Nativebase logo
MadeWithNativeBase