Search bx, radix, remix icons and open-source icon collections in one place

Tool powered by Icônes on icones.js.org.

Boxicons, Radix, Remix, Twemoji icon search—unified discovery across dozens of open-source icon sets. Third-party; open if blocked.

What is Icones?

Icones is a web-based icon discovery hub that indexes many open-source icon collections in a single interface. It covers high-demand sets such as Boxicons (bx), Remix Icons (ri), Radix Icons, Twemoji (Twitter emoji), and Weather Icons (wi) alongside dozens of other families. Developers and designers use it to search for bx bx icons, lucid icon variants, radix icons for component UIs, x11 icons, spinner material ui patterns, and emoji icon sets—all without leaving one search view. The official Icones site supports faster icon selection across projects.

What you can do with Icones

Icones supports practical icon discovery and evaluation across many collections.

  1. Search bx bx (Boxicons) and icon collections: Find bx bx icons, remix icons (ri), radix icons, and dozens more open-source icon sets through unified search.

  2. Browse Twemoji and Twitter emoji: Explore the Twemoji collection for tweet emoji, tweet symbols, and community emoji sets.

  3. Find weather icons and related variants: Access the wi (weather icons) collection covering ccleaf icons, lucid icon, and overview icon queries.

  4. Compare alternatives quickly: Review similar icons across families like x11 icons, spinner material ui patterns, and eicons to choose options that fit your interface tone.

  5. Support design-to-code handoff: Select icons with implementation needs in mind for smoother integration downstream—collections index names usable with popular frameworks.

How to find icons with Icones

Follow this process to keep icon decisions efficient and maintainable.

  1. Search by function or intent

    Use terms such as settings, user, alert, or upload to find role-specific icon options.

  2. Choose a primary icon family

    Select a consistent style baseline before adopting icons across all core flows.

  3. Validate in component context

    Check readability and visual balance at production icon sizes and spacing.

  4. Document selected mappings

    Record icon names and usage rules in your design system references.

Tips for better icon system quality

These practices help prevent inconsistency and improve interface clarity.
  • 01

    Prefer semantic clarity over novelty

    Choose icons users can interpret quickly in navigation and action-heavy contexts.

  • 02

    Minimize cross-style mixing

    Use one dominant style and reserve exceptions for clear, intentional cases.

  • 03

    Test with real text labels

    Check icon meaning together with labels and surrounding UI copy.

  • 04

    Maintain accessibility support

    Provide ARIA labels and avoid icon-only critical actions without additional context.

Who this tool is great for

Icones helps teams that need broad icon discovery with consistent decision standards.

  • Product designers

    Explore many icon options quickly while shaping a coherent interface language.

  • Front-end developers

    Select practical icons and map them to components with fewer sourcing steps.

  • Design system maintainers

    Define and document approved icon sources for long-term consistency.

  • Indie builders

    Ship faster by centralizing icon discovery into one workflow.

Benefits of using Icones

A centralized icon discovery workflow helps teams move faster with better consistency.

  • Faster icon sourcing

    Unified search shortens the path from idea to selected icon assets.

  • Higher decision quality

    Cross-collection comparison makes it easier to choose better-fitting icons.

  • Stronger visual consistency

    Selecting from a documented primary family reduces icon drift across screens.

  • Cleaner collaboration

    Shared references improve alignment between design and engineering teams.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.