react-native-svg-search

KO | EN

gitlite — search

#hacktoberfest #llm #android #machine-learning #rust #linux #docker #cli #awesome-list #pytorch #security #ios #openai #open-source

react-native-svg-search

(★ 14)

This CLI gets an icon from FlatIcon and ouputs the react-native compatible SVG in a folder

react-native-svg-search Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## react-native-svg-cli
------
This CLI is a helper to include an SVG component to your react-native project from FlatIcon's thousand of available icons and save it in your desired directory.

#### Table of Contents

* [Installation](#installation)
* [How to Use](#how-to-use)
* [Credits](#credits)
* [License](#license)

## Installation

```bash
$ npm install -g react-native-svg-cli
```

## How to Use

1. Open https://www.flaticon.com/
2. Search for your desired icon and click on it
3. On the search bar look for the icon's FQN:  https://www.flaticon.com/free-icon/github-social-logo_9310
4. Copy that name (Ex. github-social-logo_9310)

![][cli-demo-webpage]

### Then run the cli with either option below:

```bash
$ rn-svg-cli search -n name -f filename -o outputDir
```
Note: Flags can be ommited, but order should be respected:  
 ```bash
$ (Example) rn-svg-cli search github-social-logo_9310 githublogo assets/icons
```  
  
    
### Or you could use:

```bash
$ rn-svg-cli search
```

With the later, you will be asked the next set of questions:  
  
* Whats the name of the Icon (Ex. **github-social-logo_9310**): 
* What name should the new file have (we will append .icon.js):  
* Where should we save the new file (default assets/icons):

![][cli-demo-xterm]

--------
## And... voilà, success! You now have your react-native compatible SVG ready to be used:

```javascript

import React, { Component } from 'react';
import { GithubLogoIcon } from 'assets/icons';

export default class CustomComponent extends Component {

render() {
		return(
			<GithubLogoIcon width={50} height={50} />
		);
	}

}
```

## Credits

* Please give due credit to the users whom you have downloaded their resources. Thanks
* Thanks to FlatIcon for existing.

## License

Copyright 2017 AlburIvan
	
	Licensed under the Apache License, Version 2.0 (the "License");
	you may not use this file except in compliance with the License.
	You may obtain a copy of the License at
	
	   http://www.apache.org/licenses/LICENSE-2.0
	
	Unless required by applicable law or agreed to in writing, software
	distributed under the License is distributed on an "AS IS" BASIS,
	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	See the License for the specific language governing permissions and
	limitations under the License.

[cli-demo-webpage]: https://raw.githubusercontent.com/AlburIvan/react-native-svg-search/master/assets/cli-demo-webpage.gif

[cli-demo-xterm]: https://raw.githubusercontent.com/AlburIvan/react-native-svg-search/master/assets/cli-demo-xterm.gif

react-native-svg-search

react-native-svg-search Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-svg-search

react-native-svg-search Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README