5.1.2 • Published 6 months ago
react-native-ico-flags v5.1.2
Flags Icons for React Native
react-native-ico-flags
259 Vector Icons for React Native
List of icons
Usage
import Icon from 'react-native-ico-flags';
// Inside some view component
render() {
return (
<>
<Icon name="slovenia" />
<Icon name="puerto-rico" height="40" width="40" />
<Icon name="mozambique" color="red" />
<Icon name="mozambique" colors={{ "#000000": "#FFFFFF" }} />
<Icon name="puerto-rico" badge="10" />
<Icon name="puerto-rico" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
<Icon name="slovenia" background="circle" />
<Icon name="slovenia" background={{ type: "button", color: 'green' }} />
</>
);
}
Installation
yarn
yarn add react-native-ico-flags react-native-svg
npm
npm install --save react-native-ico-flags 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 | "slovenia" | |
color | yes | line color, css style | "#00ff00", "#0f0", "green" | |
colors | yes | replace colors | {"#FFFFFF": "#000000"} // white to black | |
width | yes | 20 | width of the icon | 40 |
height | yes | 20 | height of the icon | 40 |
background | yes | background type | "circle" | |
background | yes | background object | {type: "circle", color: 'yellow'} | |
badge | yes | badge string | "10" | |
badge | yes | badge object | {value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'} | |
...rest | yes | other props | style={{backgroundColor: "#00f"}} |
Icons Made by
Created by
Dimitry Ivanov 2@ivanoff.org.ua # curl -A cv ivanoff.org.ua
5.1.2
6 months ago
4.1.5
8 months ago
3.4.1
11 months ago
4.1.4
8 months ago
4.1.3
8 months ago
4.0.1
8 months ago
4.1.2
8 months ago
4.1.1
8 months ago
3.3.1
3 years ago
3.1.2
4 years ago
3.1.1
4 years ago
2.5.2
4 years ago
2.2.1
4 years ago
2.3.1
4 years ago
2.5.1
4 years ago
2.1.1
4 years ago
1.5.3
4 years ago
1.5.2
4 years ago
1.2.1
4 years ago