Unicons 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 Unicons Icon with a CDN, you can skip this installation step.
npm install @iconscout/unicons --save
import CSS to your icons.scss
@import "~@iconscout/unicons/css/line.css"; // Line @import "~@iconscout/unicons/css/solid.css"; // Solid @import "~@iconscout/unicons/css/thinline.css"; // Thin
Copy the following code and add it to the <head> tag of your HTML document.
<link href="https://unicons.iconscout.com/release/v4.2.0/css/line.css" rel="stylesheet">
Use Unicons Icons like this:
<i class="uis uis-keyhole-circle"></i> <i class="uis uis-window-grid"></i>
For more details, see the official documentation.
