Remix Icon Icons
Browse 3135 free Remix Icon SVG icons. Download SVG, copy as JSX, PNG or Base64. Apache 2.0 licensed. Designed by Remix Design. Styles: Precise Shapes, Has Padding.
Copy & download Remix Icon icons
Click any icon above to open the detail panel. Four export formats are available instantly — no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
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
License
Features & Tags
Pack Details
Version
4.7.0
Color Support
Monochrome
Category
UI 24px
In 5 collections
How to use Remix Icon icons
Icon Set Version
v4.7.0
Package
@remixicon/react, remixicon
License SPDX
Apache-2.0
Grid Size
24px
Sample Icons
lock-2-line, mark-pen-fill, moon-line
Install
npm install @remixicon/reactReact
import { RiSearchLine, RiHomeLine, RiSettings3Line } from '@remixicon/react';
export default function App() {
return <RiSearchLine size={24} />;
}HTML / CDN
<!-- 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
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 May 12, 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.
License
Remix Icon License 1.0
Weekly downloads
412.3K
Monthly downloads
1.8M
Total downloads
13M
Unpacked size
4.9 MB
Last published
Jan 29, 2026
Registry updated
Jan 29, 2026
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.
License
Apache-2.0
Weekly downloads
115.3K
Monthly downloads
447.2K
Total downloads
5.8M
Unpacked size
13 MB
Last published
Jan 29, 2026
Registry updated
Jan 29, 2026
Compare Remix Icon with similar icon packs
Frequently Asked Questions
-line) and fill (solid, suffix -fill) variant. Use line for default states, fill for active/selected states.<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.