Remix Icons

Remix Icon is an open-source icon library featuring a neutral-style system. It offers a wide range of icons, making it perfect for both designers and developers. All icons are free to use for both personal and commercial projects.

Installation

If you'd like to use Remix Icon with a CDN, you can skip this installation step.

npm install remixicon --save

import CSS to your icons.scss

@import 'remixicon/fonts/remixicon.css';
CDN

Copy the following code and add it to the <head> tag of your HTML document.

<link href="https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css" rel="stylesheet" />
Usage

Add icon with class name, class name rule: ri-{name}-{style}

<i class="ri-admin-line"></i>
<i class="ri-admin-fill"></i>

For more details, see the official documentation.