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.
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';
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" />
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.