Remix Icon
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.
3135 icons • UI 24px • 24px
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
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 Mar 26, 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
386.3K
Monthly downloads
1.6M
Total downloads
10.3M
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
109.3K
Monthly downloads
519.1K
Total downloads
5.5M
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.