{"repo":"pedronauck/reicons","free":true,"listed":false,"github":"https://github.com/pedronauck/reicons","clone":"git clone https://github.com/pedronauck/reicons.git","description":"💅 Bundle your SVG into a fully customized React components","language":"JavaScript","stars":112,"topics":["svg-icons","cli","react","icons","node"],"license":null,"category":"cli-tools","readme_excerpt":"🤔   What is it? If you work with React, you know that the library enables you to manage and use your icons in a lot a ways. This is good because you have flexibility to manage them as you want. So, in many cases this workflow can become a manual and massive process that you need to do so many times. Reicons is a simple CLI tool that helps you to manage and use your icons quickly and easily. 👌   Advantages - [x] Require your icons as a simple React component - [x] Customize your icons with just css or inline styles - [x] Resize them in a prop way - [x] No .svg , .png or .jpg inside your bundle That's great no? See more information above about how to use! 🔌   Install The first thing that you need to do to use Reicons is install it globally or as a dependency at your project: After that you can see it working: 💻   Example Let's use the default example folder as example. There's we have an images folder that have two folders font-awesome and icons with a lot of svg files inside. So, we want to build our components at folder components/Icons . To do that, we can run: After this command, Reicons will generate our components in a folder structure like that: With that you can just import your icons as a simple React component: or import the entiry bundled icons and define what you want passing a prop name ⚙   Usage You need to know just few things to use the tool. As you've seen above, Reicons need to read a list of svg icons and know where you want to bu","default_branch":null,"files":null,"tree":[],"storefront":"/r/pedronauck","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pedronauck/reicons/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}