Custom icons doesn't display, instead see a question mark
See original GitHub issueMy steps:
1) npm install react-native-vector-icons --save
2) react-native link
3) Put my .ttf
in a ./resources/fonts
4) added in package.json :
"rnpm": { "assets": [ "resources/fonts" ] }
5) In the terminal: react-native link
6) Added config.json in the ./src)
7) in the code:
import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontelloConfig from './config.json';
const Icon = createIconSetFromFontello(fontelloConfig);
...
export default () => <Icon name="iconPinYoga" size={80} color="#bf1313" />;
- Clean and Rebuild the project
after that I see this:
Issue Analytics
- State:
- Created 5 years ago
- Comments:7
Top Results From Across the Web
Circle with question mark instead of font awesome's icons
It means FontAwesome was installed correctly but the icon you try to use do not exists. Probably you try to use old className....
Read more >If the Dock on your Mac contains a question mark
On your Mac, an app's icon in the Dock is covered by a question mark when you delete the app.
Read more >How can I fix program icons that appear as a question mark in ...
In my case, when I pin GitKraken to show in Task Manager (Arch Linux/openSUSE 15) and then close the GitKraken application, I see...
Read more >Ribbon and toolbar icons replaced with question mark in ...
For toolbars with custom icons, you must make sure that the files ... If the icons still display as question marks, it is...
Read more >Form displays question mark icon next to field nam...
Form displays question mark icon next to field name instead of the choice ... but the column doesn't appear in the attributes dropdown...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I found the solution, so in custom font the name of the icon is “icon-pin-yoga”, but in the code name of the icon should be “pinYoga”
I get it for material icon “data_usage” by naming it “data-usage” in my code (using dash instead of underscore). But for icon “list_alt” this naming doesnt work. I guess there is a consistency problem in naming?