What it does
Remix Icon supplies neutral interface symbols in outlined and filled styles on a 24-pixel grid. You can download SVG or PNG files, copy vectors into design software, or use its web font and React or Vue components.
Remix Icon’s paired styles work well for a navigation item with a selected state. The names end in -line or -fill, so the relationship carries through from the catalog to the web font.
Click an icon on the website to download it, or use Copy SVG and paste into your design tool. For a React project, install @remixicon/react, import a component such as RiHeartFill, and set its size and color props. The Vue package is for Vue 3.
The icons are free for personal and commercial work under Remix Icon License v1.0. Attribution is optional. Functional symbols in websites, apps and client projects are permitted, but using an icon as your logo, app identity or trademark is prohibited. The licence also restricts standalone asset distribution and competing icon libraries. Brand symbols may represent or link to the corresponding brand; they do not convey trademark rights.
Strengths
- Matching outline and fill names help connect inactive and selected states.
- Supports SVG copying, PNG downloads, web fonts and framework components.
Watch out for
- Icons cannot become your logo or brand identity.
- Standalone and competing icon-library distribution is restricted.
Best for
- Navigation and action icons in applications.
- Designers handing matching vector symbols to React or Vue developers.
Sources
- Remix Icon (Oct 27, 2026)
- Remix Icon License v1.0 (Oct 27, 2026)