Icon Css

icon.css is source file for the all custom icon plugins.

<!-- icon css -->
<link rel="stylesheet" href="/assets/css/icons.css">

Remix iconsOfficial Website

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. of the icons are free for both personal and commercial use.

Scss File

Remix icons are scss based here.where remix icon code is written in icons.scss

<!-- remix icon css -->
<link rel="stylesheet" href="/assets/css/icons.css">

Example

<i class="ri-home-line"></i> or <i class="ri-home-fill"></i>

Box iconsOfficial Website

Boxicons is a free collection of carefully crafted open source icons.Each icon is designed on a 24px grid with the material guidelines.

Scss File

Remix icons are scss based here.where remix icon code is written in icons.css

<!-- box icon scss -->
<link rel="stylesheet" href="/assets/css/icons.css">

Example

<i class="bx bx-**"></i>

Material Design IconsOfficial Website

Material Design Icon is growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.

Scss File

Material Design Icons are scss based here.where remix icon code is written in icons.css

<!-- material design icons scss -->
<link rel="stylesheet" href="/assets/css/icons.css"> 

Example

<i class="mdi mdi-*-*"></i>

Line AwesomeOfficial Website

Line Awesome consists line icons with a single line of code.

Scss File

Line Awesome Icons are scss based here.where remix icon code is written in icons.css

<!-- line awesome icons scss -->
<link rel="stylesheet" href="/assets/css/icons.css">

Example

<i class="lab la-*-*"></i>

Feather IconsOfficial Website

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

Javascript

<script src="/assets/libs/feather-icons/feather.min.js"></script>

Example

<i data-feather="**"></i>