Open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.

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 src/assets/scss/icons.scss

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

CDN

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

<link href="https://cdn.jsdelivr.net/npm/remixicon@4.2.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 Documentation.