react-native-vector-icons-slds
Icon and color definitions for Salesforce Lightning Design System Icons for use with react-native-vector-icons
Compatible with Winter ’18 (SLDS 2.4.6) release.
Installation
$ yarn add react-native-vector-icons-slds
Follow the instructions here to add react-native-vector-icons
and the font to your platform.
If you are using Expo, follow the instructions here to add the font. react-native-vector-icons
is already included with Expo.
Usage
Import one or more of the json files, and use them with createIconSet
.
Now, you can use the icons:
<Icon ='action_add_contact' = ='#000'>
You can find an Expo Snack with a demo of all the icons here: https://snack.expo.io/@agartha/react-native-icons-slds-demo
Colors
This library also contains the standard icon background colors from the Lightning Design System. This Expo Snack contains an example of how to use them: https://snack.expo.io/@agartha/slds-icon-colors-demo