react-native-ico-flags

react-native-ico-flags

260 Vector Icons for React Native

List of icons

• List of Flags 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="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

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" 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:'topleft', 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