react-native-ico-social-icons-rounded
TypeScript icon, indicating that this package has built-in type declarations

5.1.2 • Public • Published

Social Icons Rounded Icons for React Native

react-native-ico-social-icons-rounded

204 Vector Icons for React Native

56-social-logo ads-of-the-world-logo ads-scuttlepad-logo

List of icons

Usage

import Icon from 'react-native-ico-social-icons-rounded';


// Inside some view component
render() {
    return (
        <>
          <Icon name="56-social-logo" />
          <Icon name="ads-of-the-world-logo" height="40" width="40" />
          <Icon name="ads-scuttlepad-logo" color="red" />
          <Icon name="ads-scuttlepad-logo" colors={{ "#000000": "#FFFFFF" }} />
          <Icon name="ads-of-the-world-logo" badge="10" />
          <Icon name="ads-of-the-world-logo" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
          <Icon name="56-social-logo" background="circle" />
          <Icon name="56-social-logo" background={{ type: "button", color: 'green' }} />
        </>
    );
}

Installation

yarn

yarn add react-native-ico-social-icons-rounded react-native-svg

npm

npm install --save react-native-ico-social-icons-rounded 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 "56-social-logo"
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

Dave Gandy

Created by

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

Dependents (1)

Package Sidebar

Install

npm i react-native-ico-social-icons-rounded

Weekly Downloads

86

Version

5.1.2

License

none

Unpacked Size

696 kB

Total Files

8

Last publish

Collaborators

  • ivanoff