Uwarp

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

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

bx bx icons, lucid icon, radix icons, twemoji and open-source icon collections search—unified discovery across dozens of 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.

  1. Prefer semantic clarity over novelty: Choose icons users can interpret quickly in navigation and action-heavy contexts.
  2. Minimize cross-style mixing: Use one dominant style and reserve exceptions for clear, intentional cases.
  3. Test with real text labels: Check icon meaning together with labels and surrounding UI copy.
  4. 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.

  1. Product designers: Explore many icon options quickly while shaping a coherent interface language.
  2. Front-end developers: Select practical icons and map them to components with fewer sourcing steps.
  3. Design system maintainers: Define and document approved icon sources for long-term consistency.
  4. 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.

  1. Faster icon sourcing: Unified search shortens the path from idea to selected icon assets.
  2. Higher decision quality: Cross-collection comparison makes it easier to choose better-fitting icons.
  3. Stronger visual consistency: Selecting from a documented primary family reduces icon drift across screens.
  4. Cleaner collaboration: Shared references improve alignment between design and engineering teams.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Icons & Graphics.

View all Icons & Graphics