More Premium Hugo Themes Premium React Themes

React Native Icons

Quick and easy icons in React Native

React Native Icons

Quick and easy icons in React Native

Author Avatar Theme by corymsmith
Github Stars Github Stars: 1142
Last Commit Last Commit: Nov 1, 2016 -
First Commit Created: Feb 24, 2024 -
React Native Icons screenshot

Overview:

React Native Icons is a library that includes 5 different icon fonts with a total of 2,444 icons. However, the library is discontinued, and users are recommended to switch to React Native Vector Icons for better support and more features.

Features:

  • 2,444 icons: Includes a wide range of icons from different libraries.
  • Support for iOS and limited support for Android: Provides instructions for installation on both iOS and Android platforms.
  • Multiple icon fonts: Offers FontAwesome, Ionicons, Foundation icons, Zocial, and Material Design icons.

Installation:

To install React Native Icons, follow these steps:

  1. For React Native versions < 0.12.0-rc, use specific installation instructions.
  2. For iOS:
    • Add ReactNativeIcons.xcodeproj to your XCode project.
    • Include font files in the Copy Bundle Resources section.
    • Run your project.
  3. For Android:
    • Modify settings.gradle and build.gradle files.
    • Register modules in MainActivity.java.
    • Copy font and .json files to the assets directory.
    • Note that certain features like Tab Bar, Stacked Icons, and Custom Fonts are not supported on Android.

Summary:

React Native Icons is a discontinued library that offers a variety of icon fonts with a substantial number of icons. While the library includes guidance for installation on both iOS and Android platforms, users are encouraged to switch to React Native Vector Icons for better support and functionality.