Icon SCSS

icons.scss is source file for the all custom icon plugins.

// Plugins
@import "custom/plugins/icons";
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 _materialdesignicons.scss _materialdesignicons.scss

<!-- remix icon scss -->
@import "icons/materialdesignicons";
Example:
<i className="mdi mdi-*-*">                            
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 _boxicon.scss

<!-- box icon scss -->
@import "icons/boxicons"; 
Example:
<i className="bx bx-**"></i>
Font Awesome IconsOfficial Website

Free, high quality, open source icon library with over 1,800 icons. Include them anyway you likeβ€”SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project.

SCSS File:

Font Awesome Icons are scss based here. Where Font Awesome icon code is written in _fontawesome-all.scss

<!-- Bootstrap icons scss -->
@import "icons/fontawesome-all"; 
Example:
<i className="fas fa-ad"></i>
Dripicons IconsOfficial Website

Dripicons is a flexible icon family for interfaces, diagrams, presentations β€” whatever, really.

SCSS File:

Dripicons Icons are scss based here. Where Dripicons icon code is written in _dripicons.scss

<!-- Phosphor icons scss -->
@import "icons/dripicons";
Example:
<i className="dripicons-alarm"></i>
Β© Skote.