Usage
Adding Icons
Adding and using icons from rocketicons on your application.
If your are new here or just don't have rocketicons installed, you might take a took at Getting started before starting.
Using the icons library, find the icon you need. An icon is nothing more than a React component, so knowing the name of the component and the sub-package where it is located, you just need to import it.
Let's take RcRocketIcon, located at sub-package rc as example. You should import it on this way:
Once you get the component imported, you just need to add it anywhere in the code where it is necessary.
That is all you need to add an icon to your project.
Now that you already have the icon, you will most likely want to style it because, after the possibility that rocketicons brings in sharing code between Web and Mobile applications, the ease of customizing the appearance and behavior of the icon to your project is the most powerful functionality of this tool.
You can find a few links to help you out on this task below:
Colors
Dark mode
Responsive Design
Sizing icons
Hover, Focus e Other States
Styling