Icon
The Icon component in React Native is used to display vector icons in mobile
applications. It provides a wide range of icons from popular icon libraries,
allowing for easy customization and integration into your UI. The Icon
component enhances the visual appeal and usability of your application by
adding intuitive graphical elements.
Props
type
| Type: |
string |
| Description: |
Specifies the icon library or source. |
<Icon type='Feather' ... />
name
| Type: |
string |
| Description: |
Defines the specific icon to display within the chosen library. |
<Icon name='home' ... />
style
| Type: |
Style Object |
| Description: |
The "Text" component in React Native displays and styles text within
your mobile application.
|
<Icon style={{ color: 'red' }} ... />
color
| Type: |
string |
| Description: |
Sets the text color using color names or codes to customize the
appearance of the text.
|
<Icon color='red' ... />
size
| Type: |
number |
| Description: |
Defines the font size for the text, allowing customization of text
size for better readability.
|
<Icon size={24} ... />