README

Lodgicons Icons for React Native

react-native-ico-lodgicons

400 Vector Icons for React Native

24-hours-room-service 24-hours-sign 3-persons-or-person-number-three-symbol

List of icons

List of Lodgicons Icons

Usage

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


// Inside some view component
render() {
    return (
        <>
          <Icon name="24-hours-room-service" />
          <Icon name="24-hours-sign" height="40" width="40" />
          <Icon name="3-persons-or-person-number-three-symbol" color="red" />
          <Icon name="24-hours-sign" badge="10" />
          <Icon name="24-hours-sign" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
          <Icon name="24-hours-room-service" background="circle" />
          <Icon name="24-hours-room-service" background={{ type: "button", color: 'green' }} />
        </>
    );
}

Installation

yarn

yarn add react-native-ico-lodgicons react-native-svg

npm

npm install --save react-native-ico-lodgicons 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	"24-hours-room-service"
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

Usage no npm install needed!