Package Exports

react-native-ico-stylish
react-native-ico-stylish/src/data
react-native-ico-stylish/src/data.js
react-native-ico-stylish/src/index.jsx

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-ico-stylish) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Stylish Icons for React Native

react-native-ico-stylish

200 Vector Icons for React Native

bikini blush-makeup-circular-opened-case bottle-black-and-rounded-shape

List of icons

List of Stylish Icons

Usage

import Icon from 'react-native-ico-stylish';


// Inside some view component
render() {
    return (
        <>
          <Icon name="bikini" />
          <Icon name="blush-makeup-circular-opened-case" height="40" width="40" />
          <Icon name="bottle-black-and-rounded-shape" color="red" />
          <Icon name="blush-makeup-circular-opened-case" badge="10" />
          <Icon name="blush-makeup-circular-opened-case" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
          <Icon name="bikini" background="circle" />
          <Icon name="bikini" background={{ type: "button", color: 'green' }} />
        </>
    );
}

Installation

yarn

yarn add react-native-ico-stylish react-native-svg

npm

npm install --save react-native-ico-stylish react-native-svg

Link react-native-svg

react-native link react-native-svg

pod install ( for iOS )

cd ios && pod install && cd ..

API

<Icon name [color width height background badge ...rest] />

Returns a SvgXml icon by name and group.

name	optional	default value	description	examples
name	no		name of icon	"bikini"
color	yes		line color, css style	"#00ff00", "#0f0", "green"
width	yes	20	width of the icon	40
height	yes	20	height of the icon	40
background	no		background type	"circle"
background	no		background object	{type: "circle", color: 'yellow'}
badge	no		badge string	"10"
badge	no		badge object	{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}
...rest	no		other props	style={{backgroundColor: "#00f"}}

Icons Made by

Dave Gandy

Created by

Dimitry Ivanov 2@ivanoff.org.ua # curl -A cv ivanoff.org.ua