Remix Icon Icons

Browse every Remix icon: line and fill variants side by side. Copy SVG or JSX, download PNG or Base64. Apache 2.0, no attribution required.

3,188 icons Apache-2.0 UI 24px 24px grid by Remix Design
Search icons...

Arrows

arrow-down-box-fill

arrow-down-box-line

arrow-down-circle-fill

arrow-down-circle-line

arrow-down-double-fill

arrow-down-double-line

arrow-down-fill

arrow-down-line

arrow-down-long-fill

arrow-down-long-line

arrow-down-s-fill

arrow-down-s-line

arrow-down-wide-fill

arrow-down-wide-line

arrow-drop-down-fill

arrow-drop-down-line

arrow-drop-left-fill

arrow-drop-left-line

arrow-drop-right-fill

arrow-drop-right-line

arrow-drop-up-fill

arrow-drop-up-line

arrow-go-back-fill

arrow-go-back-line

arrow-go-forward-fill

arrow-go-forward-line

arrow-left-box-fill

arrow-left-box-line

arrow-left-circle-fill

arrow-left-circle-line

arrow-left-double-fill

arrow-left-double-line

arrow-left-down-box-fill

arrow-left-down-box-line

arrow-left-down-fill

arrow-left-down-line

arrow-left-down-long-fill

arrow-left-down-long-line

arrow-left-fill

arrow-left-line

arrow-left-long-fill

arrow-left-long-line

arrow-left-right-fill

arrow-left-right-line

arrow-left-s-fill

arrow-left-s-line

arrow-left-up-box-fill

arrow-left-up-box-line

arrow-left-up-fill

arrow-left-up-line

arrow-left-up-long-fill

arrow-left-up-long-line

arrow-left-wide-fill

arrow-left-wide-line

arrow-right-box-fill

arrow-right-box-line

arrow-right-circle-fill

arrow-right-circle-line

arrow-right-double-fill

arrow-right-double-line

arrow-right-down-box-fill

arrow-right-down-box-line

arrow-right-down-fill

arrow-right-down-line

arrow-right-down-long-fill

arrow-right-down-long-line

arrow-right-fill

arrow-right-line

arrow-right-long-fill

arrow-right-long-line

arrow-right-s-fill

arrow-right-s-line

Copy & download Remix Icon icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install @remixicon/react and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Remix Icon

Remix Icon is a system of open-source SVG icons designed by the Remix Design team, providing every icon in two essential variants: line (outline, `-line` suffix) and fill (solid, `-fill` suffix). With 2,800+ icons spanning system, media, design, weather, finance, development, and brand categories, Remix Icon covers a comprehensive UI vocabulary. Apache 2.0 licensed, free for personal and commercial use without attribution. Use Remix Icons via CDN (CSS icon font), via the remixicon npm package, or through Iconify for tree-shakeable framework imports. Search all Remix Icons here, copy SVG instantly, export as React JSX or Base64, and download as transparent PNG. The consistent 24px grid and 1.5px stroke make Remix Icons visually compatible with Lucide and Feather. Particularly popular in Vue.js and Nuxt.js applications, mobile-first web interfaces, and productivity tools. Unique icons for CJK app interfaces make Remix Icon a strong choice for east-Asian market products.

Created By

Remix Design Visit Website

License

Apache 2.0 View License

Features & Tags

Precise Shapes Has Padding

Pack Details

Version

4.8.0

v4.8.0

Color Support

Monochrome

Category

UI 24px

In 5 collections

UI Social Media SVG for Astro SVG for Vue.js SVG for Next.js

How to use Remix Icon icons

Icon Set Version

v4.8.0

Package

@remixicon/react, remixicon

License SPDX

Apache-2.0

Grid Size

24px

Sample Icons

lock-2-line, mark-pen-fill, moon-line

Install

bash 
npm install @remixicon/react

React

tsx 
import { RiSearchLine, RiHomeLine, RiSettings3Line } from '@remixicon/react';

export default function App() {
	  return <RiSearchLine size={24} />;
}

HTML / CDN

html 
<!-- CDN (icon font) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" />
<i class="ri-search-line"></i>
<!-- Use -fill suffix for solid variant: ri-search-fill -->

Via Iconify · any framework

tsx 
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="ri:icon-name" width={24} />;
}

Package stats

Build-time npm metadata cached weekly • Last refresh Aug 13, 2026

@remixicon/react

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

v4.9.0

License

Remix Icon License 1.0

Weekly downloads

699.9K

Monthly downloads

2.7M

Total downloads

20.4M

Unpacked size

4.9 MB

Last published

Jan 29, 2026

Registry updated

Jan 29, 2026

npm Repository Homepage

remixicon

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

v4.9.1
Score 50%
Popularity 34%
Quality 62%
Maintenance 54%

License

Apache-2.0

Weekly downloads

158.8K

Monthly downloads

636.8K

Total downloads

7M

Unpacked size

13 MB

Last published

Jan 29, 2026

Registry updated

Jan 29, 2026

npm Repository Homepage

Remix Icon version history

Based on the last 10 releases, Remix Icon typically ships a new version every ~6 weeks. The latest release, v4.9.0, landed on Jan 29, 2026.

Version Released
v4.9.0 Jan 29, 2026
v4.8.0 Dec 30, 2025
v4.7.0 Oct 14, 2025
v4.6.0 Dec 17, 2024
v4.5.0 Oct 29, 2024
v4.4.0 Oct 23, 2024
v4.3.0 Oct 11, 2024
v4.2.0 Feb 25, 2024
v4.1.1 Jan 14, 2024
v4.1.0 Jan 14, 2024
v4.0.1 Dec 16, 2023
v4.0.0 Dec 16, 2023
v0.0.3 Dec 15, 2023
v0.0.2 Dec 14, 2023
v0.0.1 Dec 14, 2023

Source: npm registry data for @remixicon/react, refreshed weekly.

Compare Remix Icon with similar icon packs

Lucide Phosphor Icons Tabler Icons

Frequently Asked Questions

What styles does Remix Icon offer?
Every icon has a line (outline, suffix -line) and fill (solid, suffix -fill) variant. Use line for default states, fill for active/selected states.
How do I use Remix Icons on a web page?
Via CDN: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"> and class <i class="ri-search-line"></i>. Or copy SVG directly from AllSVGIcons.
Who created Remix Icon?
Remix Icon was created and is maintained by Remix Design. It covers system, media, design, finance, and tech logo categories.
How many icons are in Remix Icon?
Remix Icon contains 3,188 SVG icons in the UI 24px category, designed on a 24px grid.
How often is Remix Icon updated?
Based on the last 10 releases, Remix Icon typically ships a new version every ~6 weeks. The latest release, v4.9.0, landed on Jan 29, 2026. See the full version history below.