question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom icons doesn't display, instead see a question mark

See original GitHub issue

My 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" />; 
  1. Clean and Rebuild the project

after that I see this: screen shot 2018-04-06 at 13 09 12

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7

github_iconTop GitHub Comments

4reactions
Luckygirlllllcommented, Apr 6, 2018

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”

1reaction
rafidamrcommented, Jul 15, 2019

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?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found