Noodles, Poodles and More!

    react-native-ico-social-icons-rounded

    3.3.1 • 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-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

    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 "56-social-logo"
    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

    Install

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

    DownloadsWeekly Downloads

    36

    Version

    3.3.1

    License

    none

    Unpacked Size

    689 kB

    Total Files

    7

    Last publish

    Collaborators

    • ivanoff