Nativebase logo
NativeBase
Icon
You can use icons in multiple ways in NativeBase:
Create icon by creating an SVG Icon
Create icon using createIcon function and use it as a component
Use a third-party icon library ( such as ), with as prop.
Examples
NativeBase Icons
We provides a set of commonly used interface icons. So you can directly use them in your project. All our icons are create using function from NativeBase.
Playground
Basic
Playground
Apart from the icons provided by , you can also create custom icons using SVG. You can use all the components from .
Custom Icon
Playground
Create Icon
Playground
Props
Icon
as
Type: any
size
The size of the icon.
Type: string | number
color
The color of the icon.
Type: string
name
Type: string
createIcon
viewBox
The viewBox of the icon.
Type: string
path
Path element of the icon.
Type: Element | Element[]
d
The path of the SVG icon.
Type: string
Nativebase logo
MadeWithNativeBase