Socket
Socket
Sign inDemoInstall

react-native-vector-icons

Package Overview
Dependencies
Maintainers
1
Versions
86
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-vector-icons - npm Package Compare versions

Comparing version 1.3.4 to 2.0.0

.eslintrc
lib/icon-button.js
lib/react-native.android.js
lib/react-native.ios.js
lib/react-native.osx.js
lib/tab-bar-item-ios.js
lib/toolbar-android.js

9

Entypo.js
/**
* Entypo icon set component.
* Usage: <Entypo name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule Entypo
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"500px": 61696,

@@ -424,3 +421,3 @@ "500px-with-circle": 61697,

var Entypo = createIconSet(glyphMap, 'Entypo', 'Entypo.ttf');
let Entypo = createIconSet(glyphMap, 'Entypo', 'Entypo.ttf');

@@ -427,0 +424,0 @@ module.exports = Entypo;

9

EvilIcons.js
/**
* EvilIcons icon set component.
* Usage: <EvilIcons name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule EvilIcons
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"archive": 61696,

@@ -83,3 +80,3 @@ "arrow-down": 61697,

var EvilIcons = createIconSet(glyphMap, 'EvilIcons', 'EvilIcons.ttf');
let EvilIcons = createIconSet(glyphMap, 'EvilIcons', 'EvilIcons.ttf');

@@ -86,0 +83,0 @@ module.exports = EvilIcons;

38

FontAwesome.js
/**
* FontAwesome icon set component.
* Usage: <FontAwesome name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule FontAwesome
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"glass": 61440,

@@ -704,6 +701,33 @@ "music": 61441,

"bluetooth-b": 62100,
"percent": 62101
"percent": 62101,
"gitlab": 62102,
"wpbeginner": 62103,
"wpforms": 62104,
"envira": 62105,
"universal-access": 62106,
"wheelchair-alt": 62107,
"question-circle-o": 62108,
"blind": 62109,
"audio-description": 62110,
"volume-control-phone": 62112,
"braille": 62113,
"assistive-listening-systems": 62114,
"asl-interpreting": 62115,
"american-sign-language-interpreting": 62115,
"deafness": 62116,
"hard-of-hearing": 62116,
"deaf": 62116,
"glide": 62117,
"glide-g": 62118,
"signing": 62119,
"sign-language": 62119,
"low-vision": 62120,
"viadeo": 62121,
"viadeo-square": 62122,
"snapchat": 62123,
"snapchat-ghost": 62124,
"snapchat-square": 62125
};
var FontAwesome = createIconSet(glyphMap, 'FontAwesome', 'FontAwesome.ttf');
let FontAwesome = createIconSet(glyphMap, 'FontAwesome', 'FontAwesome.ttf');

@@ -710,0 +734,0 @@ module.exports = FontAwesome;

9

Foundation.js
/**
* Foundation icon set component.
* Usage: <Foundation name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule Foundation
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"address-book": 61696,

@@ -296,3 +293,3 @@ "alert": 61697,

var Foundation = createIconSet(glyphMap, 'fontcustom', 'Foundation.ttf');
let Foundation = createIconSet(glyphMap, 'fontcustom', 'Foundation.ttf');

@@ -299,0 +296,0 @@ module.exports = Foundation;

14

index.js

@@ -1,11 +0,3 @@

'use strict';
var createIconSet = require('./lib/create-icon-set');
var createIconSetFromFontello = require('./lib/create-icon-set-from-fontello');
var createIconSetFromIcoMoon = require('./lib/create-icon-set-from-icomoon');
module.exports = {
createIconSet,
createIconSetFromFontello,
createIconSetFromIcoMoon
};
export { default as createIconSet } from './lib/create-icon-set';
export { default as createIconSetFromFontello } from './lib/create-icon-set-from-fontello';
export { default as createIconSetFromIcoMoon } from './lib/create-icon-set-from-icomoon';

1316

Ionicons.js
/**
* Ionicons icon set component.
* Usage: <Ionicons name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule Ionicons
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"alert": 61697,
"alert-circled": 61696,
"android-add": 62151,
"android-add-circle": 62297,
"android-alarm-clock": 62298,
"android-alert": 62299,
"android-apps": 62300,
"android-archive": 62153,
"android-arrow-back": 62154,
"android-arrow-down": 62301,
"android-arrow-dropdown": 62303,
"android-arrow-dropdown-circle": 62302,
"android-arrow-dropleft": 62305,
"android-arrow-dropleft-circle": 62304,
"android-arrow-dropright": 62307,
"android-arrow-dropright-circle": 62306,
"android-arrow-dropup": 62309,
"android-arrow-dropup-circle": 62308,
"android-arrow-forward": 62223,
"android-arrow-up": 62310,
"android-attach": 62311,
"android-bar": 62312,
"android-bicycle": 62313,
"android-boat": 62314,
"android-bookmark": 62315,
"android-bulb": 62316,
"android-bus": 62317,
"android-calendar": 62161,
"android-call": 62162,
"android-camera": 62163,
"android-cancel": 62318,
"android-car": 62319,
"android-cart": 62320,
"android-chat": 62164,
"android-checkbox": 62324,
"android-checkbox-blank": 62321,
"android-checkbox-outline": 62323,
"android-checkbox-outline-blank": 62322,
"android-checkmark-circle": 62325,
"android-clipboard": 62326,
"android-close": 62167,
"android-cloud": 62330,
"android-cloud-circle": 62327,
"android-cloud-done": 62328,
"android-cloud-outline": 62329,
"android-color-palette": 62331,
"android-compass": 62332,
"android-contact": 62168,
"android-contacts": 62169,
"android-contract": 62333,
"android-create": 62334,
"android-delete": 62335,
"android-desktop": 62336,
"android-document": 62337,
"android-done": 62339,
"android-done-all": 62338,
"android-download": 62173,
"android-drafts": 62340,
"android-exit": 62341,
"android-expand": 62342,
"android-favorite": 62344,
"android-favorite-outline": 62343,
"android-film": 62345,
"android-folder": 62176,
"android-folder-open": 62346,
"android-funnel": 62347,
"android-globe": 62348,
"android-hand": 62179,
"android-hangout": 62349,
"android-happy": 62350,
"android-home": 62351,
"android-image": 62180,
"android-laptop": 62352,
"android-list": 62353,
"android-locate": 62185,
"android-lock": 62354,
"android-mail": 62187,
"android-map": 62355,
"android-menu": 62356,
"android-microphone": 62188,
"android-microphone-off": 62357,
"android-more-horizontal": 62358,
"android-more-vertical": 62359,
"android-navigate": 62360,
"android-notifications": 62363,
"android-notifications-none": 62361,
"android-notifications-off": 62362,
"android-open": 62364,
"android-options": 62365,
"android-people": 62366,
"android-person": 62368,
"android-person-add": 62367,
"android-phone-landscape": 62369,
"android-phone-portrait": 62370,
"android-pin": 62371,
"android-plane": 62372,
"android-playstore": 62192,
"android-print": 62373,
"android-radio-button-off": 62374,
"android-radio-button-on": 62375,
"android-refresh": 62376,
"android-remove": 62196,
"android-remove-circle": 62377,
"android-restaurant": 62378,
"android-sad": 62379,
"android-search": 62197,
"android-send": 62198,
"android-settings": 62199,
"android-share": 62200,
"android-share-alt": 62380,
"android-star": 62204,
"android-star-half": 62381,
"android-star-outline": 62382,
"android-stopwatch": 62205,
"android-subway": 62383,
"android-sunny": 62384,
"android-sync": 62385,
"android-textsms": 62386,
"android-time": 62387,
"android-train": 62388,
"android-unlock": 62389,
"android-upload": 62390,
"android-volume-down": 62391,
"android-volume-mute": 62392,
"android-volume-off": 62393,
"android-volume-up": 62394,
"android-walk": 62395,
"android-warning": 62396,
"android-watch": 62397,
"android-wifi": 62213,
"aperture": 62227,
"archive": 61698,
"arrow-down-a": 61699,
"arrow-down-b": 61700,
"arrow-down-c": 61701,
"arrow-expand": 62046,
"arrow-graph-down-left": 62047,
"arrow-graph-down-right": 62048,
"arrow-graph-up-left": 62049,
"arrow-graph-up-right": 62050,
"arrow-left-a": 61702,
"arrow-left-b": 61703,
"arrow-left-c": 61704,
"arrow-move": 62051,
"arrow-resize": 62052,
"arrow-return-left": 62053,
"arrow-return-right": 62054,
"arrow-right-a": 61705,
"arrow-right-b": 61706,
"arrow-right-c": 61707,
"arrow-shrink": 62055,
"arrow-swap": 62056,
"arrow-up-a": 61708,
"arrow-up-b": 61709,
"arrow-up-c": 61710,
"asterisk": 62228,
"at": 61711,
"backspace": 62399,
"backspace-outline": 62398,
"bag": 61712,
"battery-charging": 61713,
"battery-empty": 61714,
"battery-full": 61715,
"battery-half": 61716,
"battery-low": 61717,
"beaker": 62057,
"beer": 62058,
"bluetooth": 61718,
"bonfire": 62229,
"bookmark": 62059,
"bowtie": 62400,
"briefcase": 62060,
"bug": 62142,
"calculator": 62061,
"calendar": 61719,
"camera": 61720,
"card": 61721,
"cash": 62230,
"chatbox": 61723,
"chatbox-working": 61722,
"chatboxes": 61724,
"chatbubble": 61726,
"chatbubble-working": 61725,
"chatbubbles": 61727,
"checkmark": 61730,
"checkmark-circled": 61728,
"checkmark-round": 61729,
"chevron-down": 61731,
"chevron-left": 61732,
"chevron-right": 61733,
"chevron-up": 61734,
"clipboard": 61735,
"clock": 62062,
"close": 61738,
"close-circled": 61736,
"close-round": 61737,
"closed-captioning": 62231,
"cloud": 61739,
"code": 62065,
"code-download": 62063,
"code-working": 62064,
"coffee": 62066,
"compass": 62067,
"compose": 61740,
"connection-bars": 62068,
"contrast": 62069,
"crop": 62401,
"cube": 62232,
"disc": 61741,
"document": 61743,
"document-text": 61742,
"drag": 61744,
"earth": 62070,
"easel": 62402,
"edit": 62143,
"egg": 62071,
"eject": 61745,
"email": 61746,
"email-unread": 62403,
"erlenmeyer-flask": 62405,
"erlenmeyer-flask-bubbles": 62404,
"eye": 61747,
"eye-disabled": 62214,
"female": 62072,
"filing": 61748,
"film-marker": 61749,
"fireball": 62233,
"flag": 62073,
"flame": 62234,
"flash": 61751,
"flash-off": 61750,
"folder": 61753,
"fork": 62074,
"fork-repo": 62144,
"forward": 61754,
"funnel": 62235,
"gear-a": 61757,
"gear-b": 61758,
"grid": 61759,
"hammer": 62075,
"happy": 62236,
"happy-outline": 62406,
"headphone": 61760,
"heart": 61761,
"heart-broken": 62237,
"help": 61763,
"help-buoy": 62076,
"help-circled": 61762,
"home": 61764,
"icecream": 62077,
"image": 61767,
"images": 61768,
"information": 61770,
"information-circled": 61769,
"ionic": 61771,
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"ios-add": 61698,
"ios-add-circle": 61697,
"ios-add-circle-outline": 61696,
"ios-add-outline": 61698,
"ios-alarm": 62408,

@@ -270,18 +16,54 @@ "ios-alarm-outline": 62407,

"ios-albums-outline": 62409,
"ios-americanfootball": 62412,
"ios-americanfootball-outline": 62411,
"ios-alert": 61700,
"ios-alert-outline": 61699,
"ios-american-football": 61702,
"ios-american-football-outline": 61701,
"ios-analytics": 62414,
"ios-analytics-outline": 62413,
"ios-aperture": 61704,
"ios-aperture-outline": 61703,
"ios-apps": 61706,
"ios-apps-outline": 61705,
"ios-appstore": 61708,
"ios-appstore-outline": 61707,
"ios-archive": 61710,
"ios-archive-outline": 61709,
"ios-arrow-back": 62415,
"ios-arrow-back-outline": 62415,
"ios-arrow-down": 62416,
"ios-arrow-down-outline": 62416,
"ios-arrow-dropdown": 61712,
"ios-arrow-dropdown-circle": 61711,
"ios-arrow-dropdown-circle-outline": 61711,
"ios-arrow-dropdown-outline": 61712,
"ios-arrow-dropleft": 61714,
"ios-arrow-dropleft-circle": 61713,
"ios-arrow-dropleft-circle-outline": 61713,
"ios-arrow-dropleft-outline": 61714,
"ios-arrow-dropright": 61716,
"ios-arrow-dropright-circle": 61715,
"ios-arrow-dropright-circle-outline": 61715,
"ios-arrow-dropright-outline": 61716,
"ios-arrow-dropup": 61718,
"ios-arrow-dropup-circle": 61717,
"ios-arrow-dropup-circle-outline": 61717,
"ios-arrow-dropup-outline": 61718,
"ios-arrow-forward": 62417,
"ios-arrow-left": 62418,
"ios-arrow-right": 62419,
"ios-arrow-thin-down": 62420,
"ios-arrow-thin-left": 62421,
"ios-arrow-thin-right": 62422,
"ios-arrow-thin-up": 62423,
"ios-arrow-forward-outline": 62417,
"ios-arrow-round-back": 61719,
"ios-arrow-round-back-outline": 61719,
"ios-arrow-round-down": 61720,
"ios-arrow-round-down-outline": 61720,
"ios-arrow-round-forward": 61721,
"ios-arrow-round-forward-outline": 61721,
"ios-arrow-round-up": 61722,
"ios-arrow-round-up-outline": 61722,
"ios-arrow-up": 62424,
"ios-arrow-up-outline": 62424,
"ios-at": 62426,
"ios-at-outline": 62425,
"ios-attach": 61723,
"ios-attach-outline": 61723,
"ios-backspace": 61725,
"ios-backspace-outline": 61724,
"ios-barcode": 62428,

@@ -291,16 +73,34 @@ "ios-barcode-outline": 62427,

"ios-baseball-outline": 62429,
"ios-basket": 61727,
"ios-basket-outline": 61726,
"ios-basketball": 62432,
"ios-basketball-outline": 62431,
"ios-bell": 62434,
"ios-bell-outline": 62433,
"ios-battery-charging": 61728,
"ios-battery-charging-outline": 61728,
"ios-battery-dead": 61729,
"ios-battery-dead-outline": 61729,
"ios-battery-full": 61730,
"ios-battery-full-outline": 61730,
"ios-beaker": 61732,
"ios-beaker-outline": 61731,
"ios-beer": 61734,
"ios-beer-outline": 61733,
"ios-bicycle": 61735,
"ios-bicycle-outline": 61735,
"ios-bluetooth": 61736,
"ios-bluetooth-outline": 61736,
"ios-boat": 61738,
"ios-boat-outline": 61737,
"ios-body": 62436,
"ios-body-outline": 62435,
"ios-bolt": 62438,
"ios-bolt-outline": 62437,
"ios-bonfire": 61740,
"ios-bonfire-outline": 61739,
"ios-book": 62440,
"ios-book-outline": 62439,
"ios-bookmark": 61742,
"ios-bookmark-outline": 61741,
"ios-bookmarks": 62442,
"ios-bookmarks-outline": 62441,
"ios-box": 62444,
"ios-box-outline": 62443,
"ios-bowtie": 61744,
"ios-bowtie-outline": 61743,
"ios-briefcase": 62446,

@@ -310,2 +110,14 @@ "ios-briefcase-outline": 62445,

"ios-browsers-outline": 62447,
"ios-brush": 61746,
"ios-brush-outline": 61745,
"ios-bug": 61748,
"ios-bug-outline": 61747,
"ios-build": 61750,
"ios-build-outline": 61749,
"ios-bulb": 61752,
"ios-bulb-outline": 61751,
"ios-bus": 61754,
"ios-bus-outline": 61753,
"ios-cafe": 61756,
"ios-cafe-outline": 61755,
"ios-calculator": 62450,

@@ -315,21 +127,39 @@ "ios-calculator-outline": 62449,

"ios-calendar-outline": 62451,
"ios-call": 61758,
"ios-call-outline": 61757,
"ios-camera": 62454,
"ios-camera-outline": 62453,
"ios-car": 61760,
"ios-car-outline": 61759,
"ios-card": 61762,
"ios-card-outline": 61761,
"ios-cart": 62456,
"ios-cart-outline": 62455,
"ios-cash": 61764,
"ios-cash-outline": 61763,
"ios-chatboxes": 62458,
"ios-chatboxes-outline": 62457,
"ios-chatbubble": 62460,
"ios-chatbubble-outline": 62459,
"ios-chatbubbles": 61766,
"ios-chatbubbles-outline": 61765,
"ios-checkbox": 61768,
"ios-checkbox-outline": 61767,
"ios-checkmark": 62463,
"ios-checkmark-empty": 62461,
"ios-checkmark-outline": 62462,
"ios-circle-filled": 62464,
"ios-circle-outline": 62465,
"ios-checkmark-circle": 61770,
"ios-checkmark-circle-outline": 61769,
"ios-checkmark-outline": 62463,
"ios-clipboard": 61772,
"ios-clipboard-outline": 61771,
"ios-clock": 62467,
"ios-clock-outline": 62466,
"ios-close": 62470,
"ios-close-empty": 62468,
"ios-close-outline": 62469,
"ios-close-circle": 61774,
"ios-close-circle-outline": 61773,
"ios-close-outline": 62470,
"ios-closed-captioning": 61776,
"ios-closed-captioning-outline": 61775,
"ios-cloud": 62476,
"ios-cloud-circle": 61778,
"ios-cloud-circle-outline": 61777,
"ios-cloud-done": 61780,
"ios-cloud-done-outline": 61779,
"ios-cloud-download": 62472,

@@ -344,25 +174,66 @@ "ios-cloud-download-outline": 62471,

"ios-cloudy-outline": 62479,
"ios-code": 61783,
"ios-code-download": 61781,
"ios-code-download-outline": 61781,
"ios-code-outline": 61783,
"ios-code-working": 61782,
"ios-code-working-outline": 61782,
"ios-cog": 62482,
"ios-cog-outline": 62481,
"ios-color-fill": 61785,
"ios-color-fill-outline": 61784,
"ios-color-filter": 62484,
"ios-color-filter-outline": 62483,
"ios-color-palette": 61787,
"ios-color-palette-outline": 61786,
"ios-color-wand": 62486,
"ios-color-wand-outline": 62485,
"ios-compose": 62488,
"ios-compose-outline": 62487,
"ios-compass": 61789,
"ios-compass-outline": 61788,
"ios-construct": 61791,
"ios-construct-outline": 61790,
"ios-contact": 62490,
"ios-contact-outline": 62489,
"ios-contacts": 61793,
"ios-contacts-outline": 61792,
"ios-contract": 61794,
"ios-contract-outline": 61794,
"ios-contrast": 61795,
"ios-contrast-outline": 61795,
"ios-copy": 62492,
"ios-copy-outline": 62491,
"ios-create": 61797,
"ios-create-outline": 61796,
"ios-crop": 62494,
"ios-crop-strong": 62493,
"ios-crop-outline": 61798,
"ios-cube": 61800,
"ios-cube-outline": 61799,
"ios-cut": 61802,
"ios-cut-outline": 61801,
"ios-desktop": 61804,
"ios-desktop-outline": 61803,
"ios-disc": 61806,
"ios-disc-outline": 61805,
"ios-document": 61808,
"ios-document-outline": 61807,
"ios-done-all": 61809,
"ios-done-all-outline": 61809,
"ios-download": 62496,
"ios-download-outline": 62495,
"ios-drag": 62497,
"ios-email": 62499,
"ios-email-outline": 62498,
"ios-easel": 61811,
"ios-easel-outline": 61810,
"ios-egg": 61813,
"ios-egg-outline": 61812,
"ios-exit": 61815,
"ios-exit-outline": 61814,
"ios-expand": 61816,
"ios-expand-outline": 61816,
"ios-eye": 62501,
"ios-eye-off": 61818,
"ios-eye-off-outline": 61817,
"ios-eye-outline": 62500,
"ios-fastforward": 62503,
"ios-fastforward-outline": 62502,
"ios-female": 61819,
"ios-female-outline": 61819,
"ios-filing": 62505,

@@ -372,2 +243,4 @@ "ios-filing-outline": 62504,

"ios-film-outline": 62506,
"ios-finger-print": 61820,
"ios-finger-print-outline": 61820,
"ios-flag": 62509,

@@ -377,2 +250,4 @@ "ios-flag-outline": 62508,

"ios-flame-outline": 62510,
"ios-flash": 61822,
"ios-flash-outline": 61821,
"ios-flask": 62513,

@@ -383,5 +258,9 @@ "ios-flask-outline": 62512,

"ios-folder": 62517,
"ios-folder-open": 61824,
"ios-folder-open-outline": 61823,
"ios-folder-outline": 62516,
"ios-football": 62519,
"ios-football-outline": 62518,
"ios-funnel": 61826,
"ios-funnel-outline": 61825,
"ios-game-controller-a": 62521,

@@ -391,33 +270,92 @@ "ios-game-controller-a-outline": 62520,

"ios-game-controller-b-outline": 62522,
"ios-gear": 62525,
"ios-gear-outline": 62524,
"ios-git-branch": 61827,
"ios-git-branch-outline": 61827,
"ios-git-commit": 61828,
"ios-git-commit-outline": 61828,
"ios-git-compare": 61829,
"ios-git-compare-outline": 61829,
"ios-git-merge": 61830,
"ios-git-merge-outline": 61830,
"ios-git-network": 61831,
"ios-git-network-outline": 61831,
"ios-git-pull-request": 61832,
"ios-git-pull-request-outline": 61832,
"ios-glasses": 62527,
"ios-glasses-outline": 62526,
"ios-grid-view": 62529,
"ios-grid-view-outline": 62528,
"ios-globe": 61834,
"ios-globe-outline": 61833,
"ios-grid": 61836,
"ios-grid-outline": 61835,
"ios-hammer": 61838,
"ios-hammer-outline": 61837,
"ios-hand": 61840,
"ios-hand-outline": 61839,
"ios-happy": 61842,
"ios-happy-outline": 61841,
"ios-headset": 61844,
"ios-headset-outline": 61843,
"ios-heart": 62531,
"ios-heart-outline": 62530,
"ios-help": 62534,
"ios-help-empty": 62532,
"ios-help-outline": 62533,
"ios-help-buoy": 61846,
"ios-help-buoy-outline": 61845,
"ios-help-circle": 61848,
"ios-help-circle-outline": 61847,
"ios-help-outline": 62534,
"ios-home": 62536,
"ios-home-outline": 62535,
"ios-ice-cream": 61850,
"ios-ice-cream-outline": 61849,
"ios-image": 61852,
"ios-image-outline": 61851,
"ios-images": 61854,
"ios-images-outline": 61853,
"ios-infinite": 62538,
"ios-infinite-outline": 62537,
"ios-information": 62541,
"ios-information-empty": 62539,
"ios-information-outline": 62540,
"ios-information-circle": 61856,
"ios-information-circle-outline": 61855,
"ios-information-outline": 62541,
"ios-ionic": 61857,
"ios-ionic-outline": 62542,
"ios-ionitron": 61859,
"ios-ionitron-outline": 61858,
"ios-jet": 61861,
"ios-jet-outline": 61860,
"ios-key": 61863,
"ios-key-outline": 61862,
"ios-keypad": 62544,
"ios-keypad-outline": 62543,
"ios-lightbulb": 62546,
"ios-lightbulb-outline": 62545,
"ios-laptop": 61864,
"ios-laptop-outline": 61864,
"ios-leaf": 61866,
"ios-leaf-outline": 61865,
"ios-link": 61994,
"ios-link-outline": 61898,
"ios-list": 62548,
"ios-list-outline": 62547,
"ios-location": 62550,
"ios-location-outline": 62549,
"ios-locked": 62552,
"ios-locked-outline": 62551,
"ios-loop": 62554,
"ios-loop-strong": 62553,
"ios-list-box": 61868,
"ios-list-box-outline": 61867,
"ios-list-outline": 62548,
"ios-locate": 61870,
"ios-locate-outline": 61869,
"ios-lock": 61872,
"ios-lock-outline": 61871,
"ios-log-in": 61873,
"ios-log-in-outline": 61873,
"ios-log-out": 61874,
"ios-log-out-outline": 61874,
"ios-magnet": 61876,
"ios-magnet-outline": 61875,
"ios-mail": 61880,
"ios-mail-open": 61878,
"ios-mail-open-outline": 61877,
"ios-mail-outline": 61879,
"ios-male": 61881,
"ios-male-outline": 61881,
"ios-man": 61883,
"ios-man-outline": 61882,
"ios-map": 61885,
"ios-map-outline": 61884,
"ios-medal": 61887,
"ios-medal-outline": 61886,
"ios-medical": 62556,

@@ -427,26 +365,46 @@ "ios-medical-outline": 62555,

"ios-medkit-outline": 62557,
"ios-megaphone": 61889,
"ios-megaphone-outline": 61888,
"ios-menu": 61891,
"ios-menu-outline": 61890,
"ios-mic": 62561,
"ios-mic-off": 62559,
"ios-mic-off-outline": 61892,
"ios-mic-outline": 62560,
"ios-minus": 62564,
"ios-minus-empty": 62562,
"ios-minus-outline": 62563,
"ios-monitor": 62566,
"ios-monitor-outline": 62565,
"ios-microphone": 61894,
"ios-microphone-outline": 61893,
"ios-moon": 62568,
"ios-moon-outline": 62567,
"ios-more": 62570,
"ios-more-outline": 62569,
"ios-more": 61896,
"ios-more-outline": 61895,
"ios-move": 61899,
"ios-move-outline": 61899,
"ios-musical-note": 62571,
"ios-musical-note-outline": 61900,
"ios-musical-notes": 62572,
"ios-musical-notes-outline": 61901,
"ios-navigate": 62574,
"ios-navigate-outline": 62573,
"ios-no-smoking": 61903,
"ios-no-smoking-outline": 61902,
"ios-notifications": 61907,
"ios-notifications-off": 61905,
"ios-notifications-off-outline": 61904,
"ios-notifications-outline": 61906,
"ios-nuclear": 61909,
"ios-nuclear-outline": 61908,
"ios-nutrition": 62576,
"ios-nutrition-outline": 62575,
"ios-open": 61911,
"ios-open-outline": 61910,
"ios-options": 61913,
"ios-options-outline": 61912,
"ios-outlet": 61915,
"ios-outlet-outline": 61914,
"ios-paper": 62578,
"ios-paper-outline": 62577,
"ios-paperplane": 62580,
"ios-paperplane-outline": 62579,
"ios-partlysunny": 62582,
"ios-partlysunny-outline": 62581,
"ios-paper-plane": 61917,
"ios-paper-plane-outline": 61916,
"ios-partly-sunny": 61919,
"ios-partly-sunny-outline": 61918,
"ios-pause": 62584,

@@ -459,5 +417,9 @@ "ios-pause-outline": 62583,

"ios-person": 62590,
"ios-person-add": 61921,
"ios-person-add-outline": 61920,
"ios-person-outline": 62589,
"ios-personadd": 62592,
"ios-personadd-outline": 62591,
"ios-phone-landscape": 61922,
"ios-phone-landscape-outline": 61922,
"ios-phone-portrait": 61923,
"ios-phone-portrait-outline": 61923,
"ios-photos": 62594,

@@ -467,9 +429,18 @@ "ios-photos-outline": 62593,

"ios-pie-outline": 62595,
"ios-pin": 61925,
"ios-pin-outline": 61924,
"ios-pint": 62598,
"ios-pint-outline": 62597,
"ios-pizza": 61927,
"ios-pizza-outline": 61926,
"ios-plane": 61929,
"ios-plane-outline": 61928,
"ios-planet": 61931,
"ios-planet-outline": 61930,
"ios-play": 62600,
"ios-play-outline": 62599,
"ios-plus": 62603,
"ios-plus-empty": 62601,
"ios-plus-outline": 62602,
"ios-podium": 61933,
"ios-podium-outline": 61932,
"ios-power": 61935,
"ios-power-outline": 61934,
"ios-pricetag": 62605,

@@ -479,6 +450,16 @@ "ios-pricetag-outline": 62604,

"ios-pricetags-outline": 62606,
"ios-printer": 62609,
"ios-printer-outline": 62608,
"ios-print": 61937,
"ios-print-outline": 61936,
"ios-pulse": 62611,
"ios-pulse-strong": 62610,
"ios-pulse-outline": 61938,
"ios-qr-scanner": 61939,
"ios-qr-scanner-outline": 61939,
"ios-quote": 61941,
"ios-quote-outline": 61940,
"ios-radio": 61945,
"ios-radio-button-off": 61942,
"ios-radio-button-off-outline": 61942,
"ios-radio-button-on": 61943,
"ios-radio-button-on-outline": 61943,
"ios-radio-outline": 61944,
"ios-rainy": 62613,

@@ -491,5 +472,21 @@ "ios-rainy-outline": 62612,

"ios-refresh": 62620,
"ios-refresh-empty": 62618,
"ios-refresh-outline": 62619,
"ios-reload": 62621,
"ios-refresh-circle": 61990,
"ios-refresh-circle-outline": 61988,
"ios-refresh-outline": 62620,
"ios-remove": 61948,
"ios-remove-circle": 61947,
"ios-remove-circle-outline": 61946,
"ios-remove-outline": 61948,
"ios-reorder": 61949,
"ios-reorder-outline": 61949,
"ios-repeat": 61950,
"ios-repeat-outline": 61950,
"ios-resize": 61951,
"ios-resize-outline": 61951,
"ios-restaurant": 61953,
"ios-restaurant-outline": 61952,
"ios-return-left": 61954,
"ios-return-left-outline": 61954,
"ios-return-right": 61955,
"ios-return-right-outline": 61955,
"ios-reverse-camera": 62623,

@@ -499,28 +496,66 @@ "ios-reverse-camera-outline": 62622,

"ios-rewind-outline": 62624,
"ios-ribbon": 61957,
"ios-ribbon-outline": 61956,
"ios-rose": 62627,
"ios-rose-outline": 62626,
"ios-sad": 61959,
"ios-sad-outline": 61958,
"ios-school": 61961,
"ios-school-outline": 61960,
"ios-search": 62629,
"ios-search-strong": 62628,
"ios-search-outline": 61962,
"ios-send": 61964,
"ios-send-outline": 61963,
"ios-settings": 62631,
"ios-settings-strong": 62630,
"ios-settings-outline": 61965,
"ios-share": 61969,
"ios-share-alt": 61967,
"ios-share-alt-outline": 61966,
"ios-share-outline": 61968,
"ios-shirt": 61971,
"ios-shirt-outline": 61970,
"ios-shuffle": 62633,
"ios-shuffle-strong": 62632,
"ios-skipbackward": 62635,
"ios-skipbackward-outline": 62634,
"ios-skipforward": 62637,
"ios-skipforward-outline": 62636,
"ios-snowy": 62638,
"ios-shuffle-outline": 62633,
"ios-skip-backward": 61973,
"ios-skip-backward-outline": 61972,
"ios-skip-forward": 61975,
"ios-skip-forward-outline": 61974,
"ios-snow": 61976,
"ios-snow-outline": 61996,
"ios-speedometer": 62640,
"ios-speedometer-outline": 62639,
"ios-square": 61978,
"ios-square-outline": 61977,
"ios-star": 62643,
"ios-star-half": 62641,
"ios-star-half-outline": 62641,
"ios-star-outline": 62642,
"ios-stats": 61980,
"ios-stats-outline": 61979,
"ios-stopwatch": 62645,
"ios-stopwatch-outline": 62644,
"ios-subway": 61982,
"ios-subway-outline": 61981,
"ios-sunny": 62647,
"ios-sunny-outline": 62646,
"ios-telephone": 62649,
"ios-telephone-outline": 62648,
"ios-swap": 61983,
"ios-swap-outline": 61983,
"ios-switch": 61985,
"ios-switch-outline": 61984,
"ios-sync": 61986,
"ios-sync-outline": 61986,
"ios-tablet-landscape": 61987,
"ios-tablet-landscape-outline": 61987,
"ios-tablet-portrait": 62030,
"ios-tablet-portrait-outline": 62030,
"ios-tennisball": 62651,
"ios-tennisball-outline": 62650,
"ios-text": 62032,
"ios-text-outline": 62031,
"ios-thermometer": 62034,
"ios-thermometer-outline": 62033,
"ios-thumbs-down": 62036,
"ios-thumbs-down-outline": 62035,
"ios-thumbs-up": 62038,
"ios-thumbs-up-outline": 62037,
"ios-thunderstorm": 62653,

@@ -532,232 +567,395 @@ "ios-thunderstorm-outline": 62652,

"ios-timer-outline": 62656,
"ios-toggle": 62659,
"ios-toggle-outline": 62658,
"ios-train": 62040,
"ios-train-outline": 62039,
"ios-transgender": 62041,
"ios-transgender-outline": 62041,
"ios-trash": 62661,
"ios-trash-outline": 62660,
"ios-trending-down": 62042,
"ios-trending-down-outline": 62042,
"ios-trending-up": 62043,
"ios-trending-up-outline": 62043,
"ios-trophy": 62045,
"ios-trophy-outline": 62044,
"ios-umbrella": 62047,
"ios-umbrella-outline": 62046,
"ios-undo": 62663,
"ios-undo-outline": 62662,
"ios-unlocked": 62665,
"ios-unlocked-outline": 62664,
"ios-upload": 62667,
"ios-upload-outline": 62666,
"ios-unlock": 62049,
"ios-unlock-outline": 62048,
"ios-videocam": 62669,
"ios-videocam-outline": 62668,
"ios-volume-high": 62670,
"ios-volume-low": 62671,
"ios-wineglass": 62673,
"ios-wineglass-outline": 62672,
"ios-world": 62675,
"ios-world-outline": 62674,
"ipad": 61945,
"iphone": 61946,
"ipod": 61947,
"jet": 62101,
"key": 62102,
"knife": 62103,
"laptop": 61948,
"leaf": 61949,
"levels": 62104,
"lightbulb": 62105,
"link": 61950,
"load-a": 62106,
"load-b": 62107,
"load-c": 62108,
"load-d": 62109,
"location": 61951,
"lock-combination": 62676,
"locked": 61952,
"log-in": 62110,
"log-out": 62111,
"loop": 61953,
"magnet": 62112,
"male": 62113,
"man": 61954,
"map": 61955,
"medkit": 62114,
"merge": 62271,
"mic-a": 61956,
"mic-b": 61957,
"mic-c": 61958,
"minus": 61961,
"minus-circled": 61959,
"minus-round": 61960,
"model-s": 62145,
"monitor": 61962,
"more": 61963,
"mouse": 62272,
"music-note": 61964,
"navicon": 61966,
"navicon-round": 61965,
"navigate": 62115,
"network": 62273,
"no-smoking": 62146,
"nuclear": 62116,
"outlet": 62274,
"paintbrush": 62677,
"paintbucket": 62678,
"paper-airplane": 62147,
"paperclip": 61967,
"pause": 61968,
"person": 61971,
"person-add": 61969,
"person-stalker": 61970,
"pie-graph": 62117,
"pin": 62118,
"pinpoint": 62119,
"pizza": 62120,
"plane": 61972,
"planet": 62275,
"play": 61973,
"playstation": 62218,
"plus": 61976,
"plus-circled": 61974,
"plus-round": 61975,
"podium": 62276,
"pound": 61977,
"power": 62121,
"pricetag": 62122,
"pricetags": 62123,
"printer": 61978,
"pull-request": 62277,
"qr-scanner": 62278,
"quote": 62279,
"radio-waves": 62124,
"record": 61979,
"refresh": 61980,
"reply": 61982,
"reply-all": 61981,
"ribbon-a": 62280,
"ribbon-b": 62281,
"sad": 62282,
"sad-outline": 62679,
"scissors": 62283,
"search": 61983,
"settings": 62125,
"share": 61984,
"shuffle": 61985,
"skip-backward": 61986,
"skip-forward": 61987,
"social-android": 61989,
"social-android-outline": 61988,
"social-angular": 62681,
"social-angular-outline": 62680,
"social-apple": 61991,
"social-apple-outline": 61990,
"social-bitcoin": 62127,
"social-bitcoin-outline": 62126,
"social-buffer": 61993,
"social-buffer-outline": 61992,
"social-chrome": 62683,
"social-chrome-outline": 62682,
"social-codepen": 62685,
"social-codepen-outline": 62684,
"social-css3": 62687,
"social-css3-outline": 62686,
"social-designernews": 61995,
"social-designernews-outline": 61994,
"social-dribbble": 61997,
"social-dribbble-outline": 61996,
"social-dropbox": 61999,
"social-dropbox-outline": 61998,
"social-euro": 62689,
"social-euro-outline": 62688,
"social-facebook": 62001,
"social-facebook-outline": 62000,
"social-foursquare": 62285,
"social-foursquare-outline": 62284,
"social-freebsd-devil": 62148,
"social-github": 62003,
"social-github-outline": 62002,
"social-google": 62287,
"social-google-outline": 62286,
"social-googleplus": 62005,
"social-googleplus-outline": 62004,
"social-hackernews": 62007,
"social-hackernews-outline": 62006,
"social-html5": 62691,
"social-html5-outline": 62690,
"social-instagram": 62289,
"social-instagram-outline": 62288,
"social-javascript": 62693,
"social-javascript-outline": 62692,
"social-linkedin": 62009,
"social-linkedin-outline": 62008,
"social-markdown": 62694,
"social-nodejs": 62695,
"social-octocat": 62696,
"social-pinterest": 62129,
"social-pinterest-outline": 62128,
"social-python": 62697,
"social-reddit": 62011,
"social-reddit-outline": 62010,
"social-rss": 62013,
"social-rss-outline": 62012,
"social-sass": 62698,
"social-skype": 62015,
"social-skype-outline": 62014,
"social-snapchat": 62700,
"social-snapchat-outline": 62699,
"social-tumblr": 62017,
"social-tumblr-outline": 62016,
"social-tux": 62149,
"social-twitch": 62702,
"social-twitch-outline": 62701,
"social-twitter": 62019,
"social-twitter-outline": 62018,
"social-usd": 62291,
"social-usd-outline": 62290,
"social-vimeo": 62021,
"social-vimeo-outline": 62020,
"social-whatsapp": 62704,
"social-whatsapp-outline": 62703,
"social-windows": 62023,
"social-windows-outline": 62022,
"social-wordpress": 62025,
"social-wordpress-outline": 62024,
"social-yahoo": 62027,
"social-yahoo-outline": 62026,
"social-yen": 62706,
"social-yen-outline": 62705,
"social-youtube": 62029,
"social-youtube-outline": 62028,
"soup-can": 62708,
"soup-can-outline": 62707,
"speakerphone": 62130,
"speedometer": 62131,
"spoon": 62132,
"star": 62030,
"stats-bars": 62133,
"steam": 62219,
"stop": 62031,
"thermometer": 62134,
"thumbsdown": 62032,
"thumbsup": 62033,
"toggle": 62293,
"toggle-filled": 62292,
"transgender": 62709,
"trash-a": 62034,
"trash-b": 62035,
"trophy": 62294,
"tshirt": 62711,
"tshirt-outline": 62710,
"umbrella": 62135,
"university": 62295,
"unlocked": 62036,
"upload": 62037,
"usb": 62136,
"videocamera": 62038,
"volume-high": 62039,
"volume-low": 62040,
"volume-medium": 62041,
"volume-mute": 62042,
"wand": 62296,
"waterdrop": 62043,
"wifi": 62044,
"wineglass": 62137,
"woman": 62045,
"wrench": 62138,
"xbox": 62220
"ios-volume-down": 62050,
"ios-volume-down-outline": 62050,
"ios-volume-mute": 62051,
"ios-volume-mute-outline": 62051,
"ios-volume-off": 62052,
"ios-volume-off-outline": 62052,
"ios-volume-up": 62053,
"ios-volume-up-outline": 62053,
"ios-walk": 62054,
"ios-walk-outline": 62054,
"ios-warning": 62056,
"ios-warning-outline": 62055,
"ios-watch": 62057,
"ios-watch-outline": 62057,
"ios-water": 62059,
"ios-water-outline": 62058,
"ios-wifi": 62061,
"ios-wifi-outline": 62060,
"ios-wine": 62063,
"ios-wine-outline": 62062,
"ios-woman": 62065,
"ios-woman-outline": 62064,
"logo-android": 61989,
"logo-angular": 61991,
"logo-apple": 61993,
"logo-bitcoin": 61995,
"logo-buffer": 61997,
"logo-chrome": 61999,
"logo-codepen": 62000,
"logo-css3": 62001,
"logo-designernews": 62002,
"logo-dribbble": 62003,
"logo-dropbox": 62004,
"logo-euro": 62005,
"logo-facebook": 62006,
"logo-foursquare": 62007,
"logo-freebsd-devil": 62008,
"logo-github": 62009,
"logo-google": 62010,
"logo-googleplus": 62011,
"logo-hackernews": 62012,
"logo-html5": 62013,
"logo-instagram": 62014,
"logo-javascript": 62015,
"logo-linkedin": 62016,
"logo-markdown": 62017,
"logo-nodejs": 62018,
"logo-octocat": 62019,
"logo-pinterest": 62020,
"logo-playstation": 62021,
"logo-python": 62022,
"logo-reddit": 62023,
"logo-rss": 62024,
"logo-sass": 62025,
"logo-skype": 62026,
"logo-snapchat": 62027,
"logo-steam": 62028,
"logo-tumblr": 62029,
"logo-tux": 62126,
"logo-twitch": 62127,
"logo-twitter": 62128,
"logo-usd": 62129,
"logo-vimeo": 62148,
"logo-whatsapp": 62149,
"logo-windows": 62255,
"logo-wordpress": 62256,
"logo-xbox": 62284,
"logo-yahoo": 62285,
"logo-yen": 62286,
"logo-youtube": 62287,
"md-add": 62067,
"md-add-circle": 62066,
"md-alarm": 62068,
"md-albums": 62069,
"md-alert": 62070,
"md-american-football": 62071,
"md-analytics": 62072,
"md-aperture": 62073,
"md-apps": 62074,
"md-appstore": 62075,
"md-archive": 62076,
"md-arrow-back": 62077,
"md-arrow-down": 62078,
"md-arrow-dropdown": 62080,
"md-arrow-dropdown-circle": 62079,
"md-arrow-dropleft": 62082,
"md-arrow-dropleft-circle": 62081,
"md-arrow-dropright": 62084,
"md-arrow-dropright-circle": 62083,
"md-arrow-dropup": 62086,
"md-arrow-dropup-circle": 62085,
"md-arrow-forward": 62087,
"md-arrow-round-back": 62088,
"md-arrow-round-down": 62089,
"md-arrow-round-forward": 62090,
"md-arrow-round-up": 62091,
"md-arrow-up": 62092,
"md-at": 62093,
"md-attach": 62094,
"md-backspace": 62095,
"md-barcode": 62096,
"md-baseball": 62097,
"md-basket": 62098,
"md-basketball": 62099,
"md-battery-charging": 62100,
"md-battery-dead": 62101,
"md-battery-full": 62102,
"md-beaker": 62103,
"md-beer": 62104,
"md-bicycle": 62105,
"md-bluetooth": 62106,
"md-boat": 62107,
"md-body": 62108,
"md-bonfire": 62109,
"md-book": 62110,
"md-bookmark": 62111,
"md-bookmarks": 62112,
"md-bowtie": 62113,
"md-briefcase": 62114,
"md-browsers": 62115,
"md-brush": 62116,
"md-bug": 62117,
"md-build": 62118,
"md-bulb": 62119,
"md-bus": 62120,
"md-cafe": 62121,
"md-calculator": 62122,
"md-calendar": 62123,
"md-call": 62124,
"md-camera": 62125,
"md-car": 62130,
"md-card": 62131,
"md-cart": 62132,
"md-cash": 62133,
"md-chatboxes": 62134,
"md-chatbubbles": 62135,
"md-checkbox": 62137,
"md-checkbox-outline": 62136,
"md-checkmark": 62140,
"md-checkmark-circle": 62139,
"md-checkmark-circle-outline": 62138,
"md-clipboard": 62141,
"md-clock": 62142,
"md-close": 62144,
"md-close-circle": 62143,
"md-closed-captioning": 62145,
"md-cloud": 62153,
"md-cloud-circle": 62146,
"md-cloud-done": 62147,
"md-cloud-download": 62150,
"md-cloud-outline": 62151,
"md-cloud-upload": 62152,
"md-cloudy": 62155,
"md-cloudy-night": 62154,
"md-code": 62158,
"md-code-download": 62156,
"md-code-working": 62157,
"md-cog": 62159,
"md-color-fill": 62160,
"md-color-filter": 62161,
"md-color-palette": 62162,
"md-color-wand": 62163,
"md-compass": 62164,
"md-construct": 62165,
"md-contact": 62166,
"md-contacts": 62167,
"md-contract": 62168,
"md-contrast": 62169,
"md-copy": 62170,
"md-create": 62171,
"md-crop": 62172,
"md-cube": 62173,
"md-cut": 62174,
"md-desktop": 62175,
"md-disc": 62176,
"md-document": 62177,
"md-done-all": 62178,
"md-download": 62179,
"md-easel": 62180,
"md-egg": 62181,
"md-exit": 62182,
"md-expand": 62183,
"md-eye": 62185,
"md-eye-off": 62184,
"md-fastforward": 62186,
"md-female": 62187,
"md-filing": 62188,
"md-film": 62189,
"md-finger-print": 62190,
"md-flag": 62191,
"md-flame": 62192,
"md-flash": 62193,
"md-flask": 62194,
"md-flower": 62195,
"md-folder": 62197,
"md-folder-open": 62196,
"md-football": 62198,
"md-funnel": 62199,
"md-game-controller-a": 62200,
"md-game-controller-b": 62201,
"md-git-branch": 62202,
"md-git-commit": 62203,
"md-git-compare": 62204,
"md-git-merge": 62205,
"md-git-network": 62206,
"md-git-pull-request": 62207,
"md-glasses": 62208,
"md-globe": 62209,
"md-grid": 62210,
"md-hammer": 62211,
"md-hand": 62212,
"md-happy": 62213,
"md-headset": 62214,
"md-heart": 62216,
"md-heart-outline": 62215,
"md-help": 62219,
"md-help-buoy": 62217,
"md-help-circle": 62218,
"md-home": 62220,
"md-ice-cream": 62221,
"md-image": 62222,
"md-images": 62223,
"md-infinite": 62224,
"md-information": 62226,
"md-information-circle": 62225,
"md-ionic": 62227,
"md-ionitron": 62228,
"md-jet": 62229,
"md-key": 62230,
"md-keypad": 62231,
"md-laptop": 62232,
"md-leaf": 62233,
"md-link": 61998,
"md-list": 62235,
"md-list-box": 62234,
"md-locate": 62236,
"md-lock": 62237,
"md-log-in": 62238,
"md-log-out": 62239,
"md-magnet": 62240,
"md-mail": 62242,
"md-mail-open": 62241,
"md-male": 62243,
"md-man": 62244,
"md-map": 62245,
"md-medal": 62246,
"md-medical": 62247,
"md-medkit": 62248,
"md-megaphone": 62249,
"md-menu": 62250,
"md-mic": 62252,
"md-mic-off": 62251,
"md-microphone": 62253,
"md-moon": 62254,
"md-more": 61897,
"md-move": 62257,
"md-musical-note": 62258,
"md-musical-notes": 62259,
"md-navigate": 62260,
"md-no-smoking": 62261,
"md-notifications": 62264,
"md-notifications-off": 62262,
"md-notifications-outline": 62263,
"md-nuclear": 62265,
"md-nutrition": 62266,
"md-open": 62267,
"md-options": 62268,
"md-outlet": 62269,
"md-paper": 62271,
"md-paper-plane": 62270,
"md-partly-sunny": 62272,
"md-pause": 62273,
"md-paw": 62274,
"md-people": 62275,
"md-person": 62277,
"md-person-add": 62276,
"md-phone-landscape": 62278,
"md-phone-portrait": 62279,
"md-photos": 62280,
"md-pie": 62281,
"md-pin": 62282,
"md-pint": 62283,
"md-pizza": 62292,
"md-plane": 62293,
"md-planet": 62294,
"md-play": 62295,
"md-podium": 62296,
"md-power": 62297,
"md-pricetag": 62298,
"md-pricetags": 62299,
"md-print": 62300,
"md-pulse": 62301,
"md-qr-scanner": 62302,
"md-quote": 62303,
"md-radio": 62306,
"md-radio-button-off": 62304,
"md-radio-button-on": 62305,
"md-rainy": 62307,
"md-recording": 62308,
"md-redo": 62309,
"md-refresh": 62310,
"md-refresh-circle": 61992,
"md-remove": 62312,
"md-remove-circle": 62311,
"md-reorder": 62313,
"md-repeat": 62314,
"md-resize": 62315,
"md-restaurant": 62316,
"md-return-left": 62317,
"md-return-right": 62318,
"md-reverse-camera": 62319,
"md-rewind": 62320,
"md-ribbon": 62321,
"md-rose": 62322,
"md-sad": 62323,
"md-school": 62324,
"md-search": 62325,
"md-send": 62326,
"md-settings": 62327,
"md-share": 62329,
"md-share-alt": 62328,
"md-shirt": 62330,
"md-shuffle": 62331,
"md-skip-backward": 62332,
"md-skip-forward": 62333,
"md-snow": 62334,
"md-speedometer": 62335,
"md-square": 62337,
"md-square-outline": 62336,
"md-star": 62340,
"md-star-half": 62338,
"md-star-outline": 62339,
"md-stats": 62341,
"md-stopwatch": 62342,
"md-subway": 62343,
"md-sunny": 62344,
"md-swap": 62345,
"md-switch": 62346,
"md-sync": 62347,
"md-tablet-landscape": 62348,
"md-tablet-portrait": 62349,
"md-tennisball": 62350,
"md-text": 62351,
"md-thermometer": 62352,
"md-thumbs-down": 62353,
"md-thumbs-up": 62354,
"md-thunderstorm": 62355,
"md-time": 62356,
"md-timer": 62357,
"md-train": 62358,
"md-transgender": 62359,
"md-trash": 62360,
"md-trending-down": 62361,
"md-trending-up": 62362,
"md-trophy": 62363,
"md-umbrella": 62364,
"md-undo": 62365,
"md-unlock": 62366,
"md-videocam": 62367,
"md-volume-down": 62368,
"md-volume-mute": 62369,
"md-volume-off": 62370,
"md-volume-up": 62371,
"md-walk": 62372,
"md-warning": 62373,
"md-watch": 62374,
"md-water": 62375,
"md-wifi": 62376,
"md-wine": 62377,
"md-woman": 62378
};
var Ionicons = createIconSet(glyphMap, 'Ionicons', 'Ionicons.ttf');
let Ionicons = createIconSet(glyphMap, 'Ionicons', 'Ionicons.ttf');

@@ -764,0 +962,0 @@ module.exports = Ionicons;

24

lib/create-icon-set-from-fontello.js

@@ -1,20 +0,16 @@

/**
* @providesModule createIconSetFromFontello
* @flow
*/
'use strict';
import createIconSet from './create-icon-set';
var createIconSet = require('./create-icon-set');
function createIconSetFromFontello(config : Object, fontFamily? : string, fontFile? : string) : Function {
var glyphMap = {};
config.glyphs.forEach(function (glyph) {
function createIconSetFromFontello(config, fontFamily, fontFile) {
let glyphMap = {};
config.glyphs.forEach(glyph => {
glyphMap[glyph.css] = glyph.code;
});
fontFamily = fontFamily || config.name || 'fontello';
fontFile = fontFile || fontFamily + '.ttf';
return createIconSet(glyphMap, fontFamily, fontFile)
};
return createIconSet(
glyphMap,
fontFamily || config.name || 'fontello',
fontFile || fontFamily + '.ttf'
);
}
module.exports = createIconSetFromFontello;

24

lib/create-icon-set-from-icomoon.js

@@ -1,20 +0,16 @@

/**
* @providesModule createIconSetFromIcoMoon
* @flow
*/
'use strict';
import createIconSet from './create-icon-set';
let createIconSet = require('./create-icon-set');
function createIconSetFromIcoMoon(config : Object, fontFamily? : string, fontFile? : string) : Function {
var glyphMap = {};
config.icons.forEach(function (icon) {
function createIconSetFromIcoMoon(config, fontFamily, fontFile) {
let glyphMap = {};
config.icons.forEach(icon => {
glyphMap[icon.properties.name] = icon.properties.code;
});
fontFamily = fontFamily || config.preferences.fontPref.metadata.fontFamily;
fontFile = fontFile || fontFamily + '.ttf';
return createIconSet(glyphMap, fontFamily, fontFile)
};
return createIconSet(
glyphMap,
fontFamily || config.preferences.fontPref.metadata.fontFamily,
fontFile || fontFamily + '.ttf'
);
}
module.exports = createIconSetFromIcoMoon;

328

lib/create-icon-set.js

@@ -1,20 +0,7 @@

/**
* @providesModule createIconSet
* @flow
*/
'use strict';
import React, {
Component,
PropTypes,
} from 'react';
var pick = require('lodash/pick');
var omit = require('lodash/omit');
var isString = require('lodash/isString');
var isEqual = require('lodash/isEqual');
var React = require('react-native');
var {
View,
Text,
StyleSheet,
TouchableHighlight,
TabBarIOS,
requireNativeComponent,
import {
NativeModules,

@@ -24,52 +11,51 @@ Platform,

processColor,
ToolbarAndroid,
} = React;
requireNativeComponent,
Text,
} from './react-native';
var NativeIconAPI = NativeModules.RNVectorIconsManager || NativeModules.RNVectorIconsModule;
const NativeIconAPI = NativeModules && (NativeModules.RNVectorIconsManager || NativeModules.RNVectorIconsModule);
var DEFAULT_ICON_SIZE = 12;
var TAB_BAR_ICON_SIZE = 30;
var TOOLBAR_ICON_SIZE = 24;
var DEFAULT_ICON_COLOR = 'black';
var IOS7_BLUE = '#007AFF';
var DEFAULT_BUTTON_ICON_SIZE = 20;
var DEFAULT_BUTTON_ICON_COLOR = 'white';
var DEFAULT_BUTTON_RADIUS = 5;
var DEFAULT_BUTTON_BACKGROUND = IOS7_BLUE;
const DEFAULT_ICON_SIZE = 12;
const DEFAULT_ICON_COLOR = 'black';
function createIconSet(glyphMap : Object, fontFamily : string, fontFile : string) : Function {
var fontReference = fontFamily;
import createIconButtonComponent from './icon-button';
import createTabBarItemIOSComponent from './tab-bar-item-ios';
import createToolbarAndroidComponent from './toolbar-android';
export default function createIconSet(glyphMap, fontFamily, fontFile) {
let fontReference = fontFamily;
// Android doesn't care about actual fontFamily name, it will only look in fonts folder.
if(Platform.OS === 'android' && fontFile) {
if (Platform.OS === 'android' && fontFile) {
fontReference = fontFile.replace(/\.(otf|ttf)$/, '');
}
var IconNamePropType = React.PropTypes.oneOf(Object.keys(glyphMap));
const IconNamePropType = PropTypes.oneOf(Object.keys(glyphMap));
var Icon = React.createClass({
propTypes: {
class Icon extends Component {
static propTypes = {
name: IconNamePropType.isRequired,
size: React.PropTypes.number,
color: React.PropTypes.string,
},
_root: (null:?Object),
size: PropTypes.number,
color: PropTypes.string,
};
setNativeProps: function(nativeProps) {
if (this._root == null) {
throw new Error("Ref must have been set before calling setNativeProps");
static defaultProps = {
size: DEFAULT_ICON_SIZE,
allowFontScaling: false,
};
setNativeProps(nativeProps) {
if (this._root) {
this._root.setNativeProps(nativeProps);
}
this._root.setNativeProps(nativeProps);
},
}
render: function() {
var { name, size, color, style, ...props } = this.props;
render() {
const { name, size, color, style, ...props } = this.props;
var glyph = glyphMap[name] || '?';
if(typeof glyph === 'number') {
let glyph = glyphMap[name] || '?';
if (typeof glyph === 'number') {
glyph = String.fromCharCode(glyph);
}
size = size || DEFAULT_ICON_SIZE;
var styleDefaults:Object = {
const styleDefaults = {
fontSize: size,

@@ -82,3 +68,5 @@ fontWeight: 'normal',

props.style = [styleDefaults, style];
props.ref = (component) => this._root = component;
props.ref = (component) => {
this._root = component;
};

@@ -89,79 +77,9 @@ styleDefaults.fontFamily = fontReference;

}
});
}
var styles = StyleSheet.create({
container: {
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'center',
padding: 8,
},
touchable: {
overflow: 'hidden',
},
icon: {
marginRight: 10,
},
text: {
fontWeight: '600',
backgroundColor: 'transparent',
},
});
let imageSourceCache = {};
var IconButton = React.createClass({
getDefaultProps: function() {
return {
size: DEFAULT_BUTTON_ICON_SIZE,
color: DEFAULT_BUTTON_ICON_COLOR,
backgroundColor: DEFAULT_BUTTON_BACKGROUND,
borderRadius: DEFAULT_BUTTON_RADIUS,
};
},
render: function() {
var {
style,
iconStyle,
children,
...props
} = this.props;
var iconProps = pick(props, Object.keys(Text.propTypes), 'style', 'name', 'size', 'color');
var touchableProps = pick(props, Object.keys(TouchableHighlight.propTypes));
props = omit(
props,
Object.keys(iconProps),
Object.keys(touchableProps),
'iconStyle',
'borderRadius',
'backgroundColor'
);
iconProps.style = (this.props.iconStyle ? [styles.icon, this.props.iconStyle]: styles.icon);
var colorStyle = pick(this.props, 'color');
var blockStyle = pick(this.props, 'backgroundColor', 'borderRadius');
if(isString(children)) {
children = (<Text style={[styles.text, colorStyle]}>{children}</Text>);
}
return (
<TouchableHighlight style={[styles.touchable, blockStyle]} {...touchableProps}>
<View
style={[styles.container, blockStyle, style]}
{...props}
>
<Icon {...iconProps} />
{children}
</View>
</TouchableHighlight>
);
}
});
var imageSourceCache = {};
var getImageSource = function(name : string, size? : number, color? : string) : Promise {
if(!NativeIconAPI) {
if(Platform.OS === 'android') {
function getImageSource(name, size = DEFAULT_ICON_SIZE, color = DEFAULT_ICON_COLOR) {
if (!NativeIconAPI) {
if (Platform.OS === 'android') {
throw new Error('RNVectorIconsModule not available, did you properly integrate the module?');

@@ -172,142 +90,36 @@ }

var glyph = glyphMap[name] || '?';
if(typeof glyph === 'number') {
let glyph = glyphMap[name] || '?';
if (typeof glyph === 'number') {
glyph = String.fromCharCode(glyph);
}
size = size || DEFAULT_ICON_SIZE;
color = color || DEFAULT_ICON_COLOR;
if(processColor) {
color = processColor(color);
}
const proessedColor = processColor(color);
const cacheKey = glyph + ':' + size + ':' + proessedColor;
const scale = PixelRatio.get();
var cacheKey = glyph + ':' + size + ':' + color;
var scale = PixelRatio.get();
return new Promise((resolve, reject) => {
var cached = imageSourceCache[cacheKey];
if(typeof cached !== 'undefined') {
if(!cached || cached instanceof Error ) { reject(cached); }
return resolve({ uri: cached, scale });
const cached = imageSourceCache[cacheKey];
if (typeof cached !== 'undefined') {
if (!cached || cached instanceof Error ) { reject(cached); }
resolve({ uri: cached, scale });
} else {
NativeIconAPI.getImageForFont(fontReference, glyph, size, proessedColor, (err, image) => {
const error = (typeof err === 'string' ? new Error(err) : err);
imageSourceCache[cacheKey] = image || error || false;
if (!error && image) {
resolve({ uri: image, scale });
} else {
reject(error);
}
});
}
NativeIconAPI.getImageForFont(fontReference, glyph, size, color, function(err, image) {
if(typeof err === 'string') {
err = new Error(err);
}
imageSourceCache[cacheKey] = image || err || false;
if(!err && image) {
return resolve({ uri: image, scale });
}
reject(err);
});
});
};
}
var TabBarItemIOS = React.createClass({
propTypes: {
iconName: IconNamePropType.isRequired,
selectedIconName: IconNamePropType,
iconSize: React.PropTypes.number,
},
updateIconSources: function(props) {
var size = this.props.iconSize || TAB_BAR_ICON_SIZE;
if(props.iconName) {
getImageSource(props.iconName, size).then(icon => this.setState({ icon }));
}
if(props.selectedIconName) {
getImageSource(props.selectedIconName, size).then(selectedIcon => this.setState({ selectedIcon }));
}
},
componentWillMount: function() {
this.updateIconSources(this.props);
},
componentWillReceiveProps: function(nextProps) {
var keys = Object.keys(TabBarItemIOS.propTypes);
if(!isEqual(pick(nextProps, keys), pick(this.props, keys))) {
this.updateIconSources(nextProps);
}
},
render: function() {
return <TabBarIOS.Item {...this.props} {...this.state} />;
}
});
var IconToolbarAndroid = React.createClass({
propTypes: {
navIconName: IconNamePropType,
overflowIconName: IconNamePropType,
actions: React.PropTypes.arrayOf(React.PropTypes.shape({
title: React.PropTypes.string.isRequired,
iconName: IconNamePropType,
iconSize: React.PropTypes.number,
iconColor: React.PropTypes.string,
show: React.PropTypes.oneOf(['always', 'ifRoom', 'never']),
showWithText: React.PropTypes.bool
})),
iconSize: React.PropTypes.number,
iconColor: React.PropTypes.string,
},
updateIconSources: function(props) {
var size = this.props.iconSize || TOOLBAR_ICON_SIZE;
var color = props.iconColor || props.titleColor;
if(props.navIconName) {
getImageSource(props.navIconName, size, color).then(navIcon => this.setState({ navIcon }));
}
if(props.overflowIconName) {
getImageSource(props.overflowIconName, size, color).then(overflowIcon => this.setState({ overflowIcon }));
}
Promise.all((props.actions || []).map(action => {
if (action.iconName) {
return getImageSource(action.iconName, action.iconSize || size, action.iconColor || color).then(icon => ({
...action,
icon
}));
}
return Promise.resolve(action);
})).then(actions => this.setState({ actions }));
},
componentWillMount: function() {
this.updateIconSources(this.props);
},
componentWillReceiveProps: function(nextProps) {
var keys = Object.keys(IconToolbarAndroid.propTypes);
if(!isEqual(pick(nextProps, keys), pick(this.props, keys))) {
var stateToEvict = [];
if (!nextProps.navIconName) {
stateToEvict.push('navIcon');
}
if (!nextProps.iconName) {
stateToEvict.push('icon');
}
if (this.state && stateToEvict.length) {
this.replaceState(omit(this.state, stateToEvict), () => this.updateIconSources(nextProps));
} else {
this.updateIconSources(nextProps);
}
}
},
render: function() {
return <ToolbarAndroid {...this.props} {...this.state} />;
}
});
Icon.Button = IconButton;
Icon.TabBarItem = TabBarItemIOS;
Icon.TabBarItemIOS = TabBarItemIOS;
Icon.ToolbarAndroid = IconToolbarAndroid;
Icon.Button = createIconButtonComponent(Icon);
Icon.TabBarItem = Icon.TabBarItemIOS = createTabBarItemIOSComponent(IconNamePropType, getImageSource);
Icon.ToolbarAndroid = createToolbarAndroidComponent(IconNamePropType, getImageSource);
Icon.getImageSource = getImageSource;
return Icon;
};
module.exports = createIconSet;
}

9

MaterialIcons.js
/**
* MaterialIcons icon set component.
* Usage: <MaterialIcons name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule MaterialIcons
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"3d-rotation": 59469,

@@ -945,3 +942,3 @@ "ac-unit": 60219,

var MaterialIcons = createIconSet(glyphMap, 'Material Icons', 'MaterialIcons.ttf');
let MaterialIcons = createIconSet(glyphMap, 'Material Icons', 'MaterialIcons.ttf');

@@ -948,0 +945,0 @@ module.exports = MaterialIcons;

9

Octicons.js
/**
* Octicons icon set component.
* Usage: <Octicons name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule Octicons
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"alert": 61485,

@@ -208,3 +205,3 @@ "arrow-down": 61503,

var Octicons = createIconSet(glyphMap, 'octicons', 'Octicons.ttf');
let Octicons = createIconSet(glyphMap, 'octicons', 'Octicons.ttf');

@@ -211,0 +208,0 @@ module.exports = Octicons;

18

package.json
{
"name": "react-native-vector-icons",
"version": "1.3.4",
"version": "2.0.0",
"description": "Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own.",

@@ -10,3 +10,3 @@ "main": "index.js",

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"test": "eslint index.js lib/{create-icon-set-from-fontello,create-icon-set-from-icomoon,create-icon-set,icon-button,tab-bar-item-ios,toolbar-android}.js",
"build": "rm -rf {Fonts,Entypo.js,EvilIcons.js,FontAwesome.js,Foundation.js,Ionicons.js,MaterialIcons.js,Octicons.js,Zocial.js} && mkdir Fonts && npm run build-entypo && npm run build-evilicons && npm run build-fontawesome && npm run build-foundation && npm run build-ionicons && npm run build-materialicons && npm run build-octicons && npm run build-zocial",

@@ -17,3 +17,3 @@ "build-entypo": "mkdir -p tmp/svg && curl https://dl.dropboxusercontent.com/u/4339492/entypo.zip > tmp/entypo.zip && unzip -j tmp/entypo.zip *.svg -x __MACOSX/* -d tmp/svg && fontcustom compile tmp/svg -o tmp -n Entypo -t css -h && node generate-icon tmp/Entypo.css --componentName=Entypo --fontFamily=Entypo > Entypo.js && cp tmp/Entypo.ttf Fonts && rm -rf {tmp,.fontcustom-manifest.json}",

"build-foundation": "node generate-icon bower_components/foundation-icon-fonts/foundation-icons.css --prefix=.fi- --componentName=Foundation --fontFamily=fontcustom > Foundation.js && cp bower_components/foundation-icon-fonts/foundation-icons.ttf Fonts/Foundation.ttf",
"build-ionicons": "node generate-icon node_modules/ionicons/css/ionicons.css --prefix=.ion- --componentName=Ionicons --fontFamily=Ionicons > Ionicons.js && cp node_modules/ionicons/fonts/ionicons.ttf Fonts/Ionicons.ttf",
"build-ionicons": "node generate-icon node_modules/ionicons/dist/css/ionicons.css --prefix=.ion- --componentName=Ionicons --fontFamily=Ionicons > Ionicons.js && cp node_modules/ionicons/dist/fonts/ionicons.ttf Fonts/Ionicons.ttf",
"build-materialicons": "node generate-material-icons node_modules/material-design-icons/iconfont/codepoints --componentName=MaterialIcons --fontFamily='Material Icons' > MaterialIcons.js && cp node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf Fonts/MaterialIcons.ttf",

@@ -31,2 +31,4 @@ "build-octicons": "node generate-icon node_modules/octicons/octicons/octicons.css --prefix=.octicon- --componentName=Octicons --fontFamily=octicons > Octicons.js && cp node_modules/octicons/octicons/octicons.ttf Fonts/Octicons.ttf",

"android",
"osx",
"macos",
"ui",

@@ -59,8 +61,12 @@ "icon",

"lodash": "^4.0.0",
"yargs": "^3.31.0"
"yargs": "^4.7.0"
},
"devDependencies": {
"babel": "^6.5.2",
"babel-eslint": "^6.0.4",
"evil-icons": "^1.8.0",
"font-awesome": "^4.5.0",
"ionicons": "^2.0.1",
"eslint": "^2.9.0",
"eslint-plugin-react": "^5.0.1",
"font-awesome": "^4.6.0",
"ionicons": "^3.0.0",
"material-design-icons": "^2.2.0",

@@ -67,0 +73,0 @@ "octicons": "^3.5.0"

153

README.md

@@ -21,8 +21,8 @@ ![Vector Icons for React Native](https://cloud.githubusercontent.com/assets/378279/12009887/33f4ae1c-ac8d-11e5-8666-7a87458753ee.png)

* [`Entypo`](http://entypo.com) by Daniel Bruce (**411** icons)
* [`EvilIcons`](http://evil-icons.io) by Alexander Madyankin & Roman Shamin (v1.8.0, **71** icons)
* [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) by Dave Gandy (v4.5, **605** icons)
* [`EvilIcons`](http://evil-icons.io) by Alexander Madyankin & Roman Shamin (v1.8.0, **70** icons)
* [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) by Dave Gandy (v4.6.1, **628** icons)
* [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0, **283** icons)
* [`Ionicons`](http://ionicons.com/) by Ben Sperry (v2.0.1, **733** icons)
* [`MaterialIcons`](https://www.google.com/design/icons/) by Google, Inc. (v2.1.1, **893** icons)
* [`Octicons`](http://octicons.github.com) by Github, Inc. (v3.5.0, **196** icons)
* [`Ionicons`](http://ionicons.com/) by Ben Sperry (v3.0.0, **859** icons)
* [`MaterialIcons`](https://www.google.com/design/icons/) by Google, Inc. (v2.2.3, **932** icons)
* [`Octicons`](http://octicons.github.com) by Github, Inc. (v3.5.0, **166** icons)
* [`Zocial`](http://zocial.smcllns.com/) by Sam Collins (v1.0, **100** icons)

@@ -44,4 +44,3 @@

* Right click on you project in Xcode and select **Add files to "_NameOfYourProject_"**.
* Browse to `node_modules/react-native-vector-icons` and select the folder `Fonts` (or just the ones you want). **Make sure your app is checked under "Add to targets" and that "Create groups" is checked if you add the whole folder**.
* Browse to `node_modules/react-native-vector-icons` and drag the folder `Fonts` (or just the ones you want) to your project in Xcode. **Make sure your app is checked under "Add to targets" and that "Create groups" is checked if you add the whole folder**.
* Edit `Info.plist` and add a property called **Fonts provided by application** (or `UIAppFonts` if Xcode won't autocomplete/not using Xcode) and type in the files you just added. It will look something like this:

@@ -147,2 +146,9 @@

### OSX via [`react-native-desktop`](https://github.com/ptmt/react-native-desktop)
* Browse to `node_modules/react-native-vector-icons` and drag the folder `Fonts` to your project in Xcode. **Make sure your app is checked under "Add to targets" and that "Create folder references" is checked**.
* Edit `Info.plist` and add a property called **Application fonts resource path** (or `ATSApplicationFontsPath` if Xcode won't autocomplete/not using Xcode) and type `Fonts` as the value.
*Note: you need to recompile your project after adding new fonts, also ensure that the `Fonts` folder also appear under __Copy Bundle Resources__ in __Build Phases__.*
## `Icon` Component

@@ -152,4 +158,4 @@ You can either use one of the bundled icons above or roll your own custom font.

```js
var Icon = require('react-native-vector-icons/FontAwesome');
var myIcon = (<Icon name="rocket" size={30} color="#900" />)
import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = (<Icon name="rocket" size={30} color="#900" />)
```

@@ -189,4 +195,4 @@

```js
var Icon = require('react-native-vector-icons/FontAwesome')
var myButton = (
import Icon from 'react-native-vector-icons/FontAwesome';
const myButton = (
<Icon.Button name="facebook" backgroundColor="#3b5998" onPress={this.loginWithFacebook}>

@@ -197,3 +203,3 @@ Login with Facebook

var customTextButton = (
const customTextButton = (
<Icon.Button name="facebook" backgroundColor="#3b5998">

@@ -248,4 +254,4 @@ <Text style={{fontFamily: 'Arial', fontSize: 15}}>Login with Facebook</Text>

```
render: function() {
if(!this.state.myIcon) {
render() {
if (!this.state.myIcon) {
return false;

@@ -282,5 +288,5 @@ }

```js
var { createIconSet } = require('react-native-vector-icons');
var glyphMap = { 'icon-name': 1234, test: '∆' };
var Icon = createIconSet(glyphMap, 'FontName');
import { createIconSet } from 'react-native-vector-icons';
const glyphMap = { 'icon-name': 1234, test: '∆' };
const Icon = createIconSet(glyphMap, 'FontName');
```

@@ -292,5 +298,5 @@

```js
var { createIconSetFromFontello } = require('react-native-vector-icons');
var fontelloConfig = require('./config.json');
var Icon = createIconSetFromFontello(fontelloConfig);
import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontelloConfig from './config.json';
const Icon = createIconSetFromFontello(fontelloConfig);
```

@@ -300,5 +306,5 @@

```js
var { createIconSetFromIcoMoon } = require('react-native-vector-icons');
var icoMoonConfig = require('./config.json');
var Icon = createIconSetFromIcoMoon(icoMoonConfig);
import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
import icoMoonConfig from './config.json';
const Icon = createIconSetFromIcoMoon(icoMoonConfig);
```

@@ -308,3 +314,3 @@

React Native comes with an amazing animation library called [`Animated`](http://facebook.github.io/react-native/docs/animated.html). To use it with an icon, simply create an animated component with this line: `var AnimatedIcon = Animated.createAnimatedComponent(Icon)`. You can also use the higher level animation library [react-native-animatable](https://github.com/oblador/react-native-animatable).
React Native comes with an amazing animation library called [`Animated`](http://facebook.github.io/react-native/docs/animated.html). To use it with an icon, simply create an animated component with this line: `const AnimatedIcon = Animated.createAnimatedComponent(Icon)`. You can also use the higher level animation library [react-native-animatable](https://github.com/oblador/react-native-animatable).

@@ -321,10 +327,7 @@ ## Examples

```js
var React = require('react-native');
var Icon = require('react-native-vector-icons/Ionicons');
import Icon from 'react-native-vector-icons/Ionicons';
var ExampleView = React.createClass({
render: function() {
return <Icon name="person" size={30} color="#4F8EF7" />;
}
};
function ExampleView(props) {
return (<Icon name="person" size={30} color="#4F8EF7" />);
}
```

@@ -336,25 +339,18 @@

```js
var React = require('react-native');
var {
View,
Text,
TabBarIOS,
} = React;
var Icon = require('react-native-vector-icons/Ionicons');
import { View, Text, TabBarIOS } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';
var TabBarView = React.createClass({
render: function() {
return (
<TabBarIOS>
<Icon.TabBarItem
title="Home"
iconName="ios-home-outline"
selectedIconName="ios-home"
>
<View style={styles.tabContent}><Text>Home Tab</Text></View>
</Icon.TabBarItem>
</TabBarIOS>
);
}
};
function TabBarView(props) {
return (
<TabBarIOS>
<Icon.TabBarItem
title="Home"
iconName="ios-home-outline"
selectedIconName="ios-home"
>
<View style={styles.tabContent}><Text>Home Tab</Text></View>
</Icon.TabBarItem>
</TabBarIOS>
);
}
```

@@ -365,22 +361,19 @@

```js
var React = require('react-native');
var Icon = require('react-native-vector-icons/Ionicons');
import Icon from 'react-native-vector-icons/Ionicons';
var ToolbarView = React.createClass({
render: function() {
return (
<Icon.ToolbarAndroid>
title="Home"
titleColor="white"
navIconName="android-arrow-back"
onIconClicked={this.props.navigator.pop}
actions={[
{ title: 'Settings', iconName: 'gear-a', iconSize: 30, show: 'always' },
{ title: 'Follow me on Twitter', iconName: 'social-twitter', iconColor: "#4099FF", show: 'ifRoom' },
]}
overflowIconName="more"
/>
);
}
};
function ToolbarView(props) {
return (
<Icon.ToolbarAndroid
title="Home"
titleColor="white"
navIconName="md-arrow-back"
onIconClicked={props.navigator.pop}
actions={[
{ title: 'Settings', iconName: 'gear-a', iconSize: 30, show: 'always' },
{ title: 'Follow me on Twitter', iconName: 'social-twitter', iconColor: "#4099FF", show: 'ifRoom' },
]}
overflowIconName="more"
/>
);
}
```

@@ -390,10 +383,8 @@

```js
var React = require('react-native');
var Icon = require('react-native-vector-icons/Ionicons');
import { Text } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';
var ExampleView = React.createClass({
render: function() {
return (<Text>Lorem <Icon name="ios-book" color="#4F8EF7" /> Ipsum</Text>);
}
};
function ExampleView(props) {
return (<Text>Lorem <Icon name="ios-book" color="#4F8EF7" /> Ipsum</Text>);
}
```

@@ -438,6 +429,6 @@

With `react-native-icons` recently being discontinued, users switching to this library might not want to rewrite all their code. For that use case I've written a drop in replacement component that uses the same icon name syntax. It might break some layouts since the underlying component is different. To use this, simply replace your `react-native-icons` require statement with this:
With `react-native-icons` recently being discontinued, users switching to this library might not want to rewrite all their code. For that use case I've written a drop in replacement component that uses the same icon name syntax. It might break some layouts since the underlying component is different. To use this, simply replace your `react-native-icons` import statement with this:
```js
var Icon = require('react-native-vector-icons/RNIMigration')
import Icon from 'react-native-vector-icons/RNIMigration';
```

@@ -444,0 +435,0 @@

9

Zocial.js
/**
* Zocial icon set component.
* Usage: <Zocial name="icon-name" size={20} color="#4F8EF7" />
*
* @providesModule Zocial
*/
'use strict';
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
import createIconSet from './lib/create-icon-set';
const glyphMap = {
"acrobat": 61696,

@@ -113,3 +110,3 @@ "amazon": 61697,

var Zocial = createIconSet(glyphMap, 'zocial', 'Zocial.ttf');
let Zocial = createIconSet(glyphMap, 'zocial', 'Zocial.ttf');

@@ -116,0 +113,0 @@ module.exports = Zocial;

.flowconfig
.npmignore

Sorry, the diff of this file is not supported yet

Fonts/FontAwesome.ttf

Sorry, the diff of this file is not supported yet

Fonts/Ionicons.ttf

Sorry, the diff of this file is not supported yet

template/iconSet.tpl

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc