Docs

• Getting Started

  Add your first Rocketicons component to a TypeScript project

• Agent Workflows

  Give coding agents a deterministic Rocketicons workflow they can verify

• Why Choose Rocketicons

  Compare Rocketicons with full icon packages using clear architectural facts

• Framework Quick Starts

  Use locally generated Rocketicons components with React, Next.js, Vite, Expo, and React Native

• Generated Files

  Understand, review, and commit the icon components Rocketicons adds to your project

• Guides

  Practical Rocketicons workflows for frameworks, migrations, generated files, and coding agents

• Migrating to Rocketicons

  Replace package icon imports with selected local components, one safe step at a time

• Adding Icons

  Find, add, import, and verify local Rocketicons components

• Colors

  Implementing colors in your application

• Dark Mode

  Enabling dark mode in your application

• Responsive Design

  Implementing responsive design in your application

• Shortcuts

  Shortcuts usage

• Sizing Icons

  Defining the size of an icon

• Hover, Focus and Other States

  Implementing colors and states in your application

• Styling

  Use the Tailwind utilities for styling and to change the Icon appearance

• Using The Icons

  You will be amazed with the power of Rocketicons and all the possibilites that Tailwind brings to your icons.