Failed prop type: Invalid prop name of value home-outline supplied to `Icon

[withPleasure]

For android, I try to use 'home-outline' icon of ionicons

import Icon from 'react-native-vector-icons/Ionicons';
<Icon name='home-outline' size={30}/>;

but i have error
Failed prop type: Invalid prop 'name' of value 'home-outline' supplied to 'Icon...

I have lastest version of this package "react-native-vector-icons": "^7.0.0",
And for React-native "react-native": "~0.62.2",
I read documentation but i don't see why i have this warning :(

[JacksonLaw]

I am getting the same issue. The Ionicons v5 icons are not recognised despite being in the glyph map.

EDIT: Think I found the issue - the glyph map numbers start again when it reaches the ios ones. So "add": 61696, is the first line and line 1229 is "ios-add": 61696, , then line 2456 is"md-add": 61696,
Ionicons v5 removes all ios and md icons, replacing them with outline, filled, sharp. The font file packaged in this version reflects that but the glyph map doesn't.

In saying this, I haven't been able to get it working myself, someone who knows what they're doing might have to create the PR

[kalleriakronos24]

i'm getting the same issue, still looking for the fix T_T

[arstropica]

Use md-{icon name} for android or ios-{icon name} for ios. Not 100% sure why this is happening but it looks like some installs have difficulty with the latest version of Ionicons.

[Royhan18]

I have the same problem. Still looking for the fix

[hamzafarooqui98]

Use any other vector icon library's heart Icon like AntDesign as I used this:

import AntDesign from 'react-native-vector-icons/AntDesign';

[satyabrata-dash5]

Same issue happens with me

[donchuru]

I'm having the same issue even with AntDesign icons. Anyone find a fix?

[sgshy1995]

I'm having the same issue even with AntDesign icons too. Anyone find a fix?

[TARANjee]

It is problem came from android gradle so .

Android
Option: With Gradle (recommended)
This method has the advantage of fonts being copied from this module at build time so that the fonts and JS are always in sync, making upgrades painless.

Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

Or

if did't got so can check this documentation
https://www.npmjs.com/package/react-native-vector-icons

[mohsenfl2022]

I have realized that after the update, the names of some icons have changed. For instance,
name='ios-chatbubbles-outline'
is not found in the path
import Ionicons from 'react-native-vector-icons/Ionicons';
and this causes an error. Remove 'ios-' from the name and try again.