Uwarp

Remix Icon for consistent interface symbols

Open Remix Icon on remixicon.com: a large open source library with outlined and filled styles on a 24px grid, Apache-2.0 licensed, with search and exports for product UI and code.

What is Remix Icon?

Remix Icon is a free, open source icon system aimed at product interfaces. Icons are drawn on a 24 by 24 pixel grid and published in outlined and filled variants so you can match navigation, forms, and status patterns without mixing unrelated families. The project distributes SVG, web font, and sprite options and documents packages for common frameworks; licensing is the Apache License, Version 2.0, as stated in the official repository. This Uwarp page embeds the public site at https://remixicon.com/ so you can search and copy assets next to your other tools.

What you can do with Remix Icon

The set is built for long-lived app UI, not one-off marketing artwork.

  1. Switch between outlined and filled: Use the same name in two styles so active and default states stay aligned across components.
  2. Search on a single neutral system: Browse one catalog before you split the repo between multiple line packs.
  3. Hand off names that map to packages: Icon strings on the site align with common npm and Figma plugin flows described upstream.
  4. Scale on the documented grid: The 24px base keeps small toolbar and list rows legible when you export at standard densities.
  5. Pair with accessible labels: Decorative and control icons still need text or labels in the host pattern; the library supplies shapes only.

How to use this embedded icon browser

Keep exports aligned with the stack you already ship.

  1. List slots before you search: Write navigation, action, and object needs so you are not re-solving the same glyph in critique.
  2. Lock default sizes per surface: Tie 16px, 20px, and 24px usage to specific layout tiers so build and Figma match.
  3. Match package and design versions: When a release renames an icon, update tokens and the library in one change set.
  4. Test at the smallest target: Clarity in dense tables matters more than the icon at poster scale.

Tips for dual-style systems

Outlined and filled pairs need rules, not two arbitrary picks per screen.

  1. Do not mix families in one bar: If you need contrast, use fill weight within Remix instead of a second set.
  2. Name objects and verbs clearly: Search, design spec, and import paths stay aligned when copy uses the same terms.
  3. Store sprite or font choice in the readme: SVG, sprite, and webfont paths behave differently; document what production uses.
  4. Quarantine one-off custom marks: Keep marketing illustrations out of the main sprite to protect bundle size.

Who this set works well for

Teams that want one Apache-licensed default across design and code.

  1. Product and system designers: Standardize outlined and filled usage in one file the engineering team can mirror.
  2. Full-stack and component authors: Ship Storybook and docs with names that match the website and published packages.
  3. Indie and OSS projects: Use a permissive license and a single catalog so contributors are not split across folders.
  4. Figma users with the official plugin: Use the community workflow the project links to so libraries stay in sync with releases.

Benefits of using Remix Icon

One neutral system cuts debate when the whole team points at the same search page.

  1. Predictable look across features: Shared construction between variants keeps admin and consumer surfaces related.
  2. Faster from search to import: A single large index shortens the path from a missing icon to a named file in the repo.
  3. Room to grow with releases: New icons arrive with a public cadence instead of a private “misc” directory.
  4. Ecosystem documentation: Framework and deployment notes on the project site support real adoption, not one-off pastes.

Technical notes

This page embeds https://remixicon.com/. Uwarp does not host the SVGs or packages.

  1. Embed source: The iframe loads the public Remix Icon website, including search and download UI, subject to that site’s availability.
  2. Licensing: The project is published under the Apache License, Version 2.0; read the current license in the official GitHub repository for your redistribution and attribution needs.
  3. Third-party frame rules: If the frame is blank, the host may block embedding; open https://remixicon.com/ in a new tab to continue.
  4. Uwarp role: Uwarp only embeds the page and adds educational context; it does not change install or build output.

Frequently Asked Questions

Have questions? We have answers.