Questions tagged [react-native-vector-icons]

Documentation: here

Bundled icon sets include:

  • AntDesign by AntFinance
  • Entypo by Daniel Bruce
  • EvilIcons by Alexander Madyankin & Roman Shamin
  • Feather by Cole Bemis & Contributors
  • FontAwesome by Dave Gandy
  • FontAwesome 5 by Fonticons, Inc.
  • Fontisto by Kenan Gündoğan
  • Foundation by ZURB, Inc.
  • Ionicons by Iconic Framework
  • MaterialIcons by Google, Inc.
  • MaterialCommunityIcons by MaterialDesignIcons.com
  • Octicons by Github, Inc.
  • Zocial by Sam Collins
  • SimpleLineIcons by Sabbir & Contributors

To browse them all on a browser, click here.

160 questions
37
votes
13 answers

Error: Unable to resolve module `@react-native-community/toolbar-android`

Weirdly, the react-native-vector-icons was working well but by using ^ ("^6.6.0") for its version in the package.json file on the new release this error happens. It's weird because two days ago it works well but now starting of my project ran to…
24
votes
5 answers

React native vector icon not working on current version 0.60

React native autolink not working for react native vector icons. I fixed this into android with this https://github.com/oblador/react-native-vector-icons/issues/1035 But on IOS i am still facing issues. Please let me know if anyone solved…
11
votes
2 answers

React Native - MaterialCommunityIcons typescript definition for icon name

I'm trying to find out the type definitions for the icon name of MaterialCommunityIcons, since i am intending to use it for props.
Paolo Vincent
  • 377
  • 3
  • 9
11
votes
3 answers

Unrecognized font family Material Icons?

Iam new to React-Native, I have added react-native-vector-icons library manually to Xcode and Android studio. if run the code with Xcode its executing successfully without any issue. but if i trying to run the code from Terminal (react-native…
9
votes
2 answers

Importing custom icons into React Native 0.62

I'm trying to import and use my own custom icons in my React Native 0.62.2 app. I followed the steps outlined here https://github.com/oblador/react-native-vector-icons#custom-fonts but so far the icons are not showing up. Here are the steps I…
Sam
  • 26,817
  • 58
  • 206
  • 383
8
votes
2 answers

React Native error - Unable to resolve module `./tab-bar-item-ios`

Ive just upgraded react-native-vector-icons from version 7.1 to 8.0......and now Im getting the following error: unable to resolve module `./tab-bar-item-ios` from `node_modules\react-native-vector-icons\lib\create-icon-set.js` None of these…
james murphy
  • 1,505
  • 5
  • 31
  • 57
8
votes
2 answers

using react-native-elements for material Icons - does not recognise some of the icons

using the snack below: https://snack.expo.io/ry_5rCk84 I am trying to display the icon 'wifi_off' using Material Icons in my react native app (just shared this as a snack on expo for easier sharing) but this is not a recognised value for prop…
7
votes
5 answers

How to use react-native-vector-icons with react-native-web?

I've setup monorepo project with react-native and react-native-web. I am sharing the same codebase for Android, iOS and Web. after installed react-native-vector-icons I've run the code in all three platforms and it works fine in Android and iOS but…
6
votes
1 answer

Bolding a icon from React Native using lib: react-native-vector-icons

How can i get a bold icon from react-native-vector-icon or pass style props to component? I tried to change font-weight css from browser dev tool and it's worked
Duc Nguyen
  • 81
  • 3
6
votes
2 answers

How to resolve ':react-native-vector-icons' error for a successful build?

I am trying to build my react-native app but I am getting an error: What went wrong: A problem occurred configuring project ':react-native-vector-icons'. Could not resolve all files for configuration ':react-native-vector-icons:classpath'. Could…
FairyQueen
  • 2,283
  • 7
  • 37
  • 57
5
votes
4 answers

react-native-vector-icon show "wrong" icon

I'm using react-native-vector-icons for my React native project. Recently when I open my app, it keep showing the wrong icon that i was filled in the name field or its show that this icon is not exist ("question mark"). I feel really awkward because…
Brian H.
  • 1,603
  • 11
  • 16
5
votes
3 answers

How to achieve Font Awesome stack icons feature in react native

Achieving Stack/Overlap Icons using React native. I am trying to achieve something like this in react native: https://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons how to achieve this?
5
votes
3 answers

Icons from React-native-elements/fontAwesome are not showing

I'm setting up icons for drawer items and for headerLeft.But icons are not apprearing in my android app.I am using react-native-elements library to use icons in my code. icon type is font-awesome. i have mentioned the type of icon specifically. I…
4
votes
2 answers

React native vector icon not showing

I am using react native version 0.67.3 I install vector icon and i add andriod/app/build.gradle apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" but icon not showing
Siddarth
  • 49
  • 3
  • 6
4
votes
3 answers

Custom Icon Set Problem with React-native-vector-icons + Icomoon

I want to use my custom icons with react-native-vector-icons and Icomoon. I generated .tff and selection.js with Icomoon and put them into my project with react-native-link but The icons that I tried to use seen as empty square. I will share with…
1
2 3
10 11