0.3.1
  • Docs
  • Getting Started
  • Icons
Switch theme
GitHub
    Playground
  • Getting Started
    • Guides
      • Agent Workflows
      • Why Choose Rocketicons
      • Framework Quick Starts
      • Generated Files
      • Migrating to Rocketicons
    • Using The Icons
      • Adding Icons
      • Colors
      • Dark Mode
      • Responsive Design
      • Shortcuts
      • Sizing Icons
      • Hover, Focus and Other States
      • Styling
    • Icons
      • Ant Design Icons
      • BoxIcons
      • Bootstrap Icons
      • css.gg
      • Circum Icons
      • Devicons
      • Font Awesome 5
      • Font Awesome 6
      • Flat Color Icons
      • Feather
      • Game Icons
      • Github Octicons icons
      • Grommet-Icons
      • Heroicons
      • Heroicons 2
      • IcoMoon Free
      • Ionicons 4
      • Ionicons 5
      • Icons8 Line Awesome
      • Lucide
      • Material Design icons
      • Phosphor Icons
      • rocketicons
      • Remix Icon
      • Radix Icons
      • Simple Icons
      • Simple Line Icons
      • Tabler Icons
      • Themify Icons
      • Typicons
      • VS Code Icons
      • Weather Icons
    • Roadmap

    Loading...

    Copyright © 2024 rocketclimb

    DiscordGitHub

    Guides

    Bring your icons home

    You do not need a big-bang migration. Move one icon—or one feature—at a time.

    1. Find the visual match

    Search the icon explorer, compare variants, and note the exact @collection/icon ID. Similar names do not always mean identical shapes.

    2. Initialize once and add the match

    terminal

    3. Replace the package import

    Update styling and accessibility labels as needed, then compare the rendered result at every size and state your UI uses.

    4. Remove the old dependency last

    Search the repository for remaining imports. Remove the previous icon package only when none remain, and verify your normal web or native production build.

    Rocketicons keeps shared utilities installed, but the selected icon components live in your source tree. The benefit is structural: your application never imports thousands of unused icon exports and does not rely on tree-shaking to discard them.