Already ran npx rocketicons init? Great. Pick an exact icon ID in the icon explorer, then add that one component:
The current command accepts one icon at a time. For a small set, keep the steps explicit and repeat it:
Each command creates one TSX file under src/ri/icons. That is the useful bit: your application owns the selected component instead of importing a package full of icons.
Render it like any other React component. Tailwind-compatible icon utilities control its color and size:
After the command, check that src/ri/icons/rc-rocket-icon.tsx exists and review it with your normal version-control tools. Commit generated icon files with the feature that uses them so teammates, CI, and offline builds all receive the same source.
The current add command overwrites its target file. If you edited a generated icon by hand, review or preserve that work before running the command again.
Ready to make it yours? Explore Colors, Dark mode, Sizing icons, and Styling.