Icon SCSS
icons.scss is source file for the all custom icon plugins.
<!-- icons CSS -->
<link rel="stylesheet" href="assets/css/icons.min.css">
DripiconsOfficial Website
Dripicons 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:
Dripicons are scss based here.where dripicons code is
written in _dripicons.scss
<!-- dripicons scss -->
@import "../../custom/plugins/icons/dripicons";
Example:
<i className="dripicons-*"></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:
Boxicons icons are scss based here.where box icon code is written in _boxicon.scss
<!-- box icon scss -->
@import "../../ustom/plugins/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 Font Awesome in any project.
SCSS File:
Font Awesome Icons are scss based here. Where Font Awesome icon code is written in _fontawesome-all.scss
<!-- Font Awesome icons scss -->
@import "../../custom/plugins/icons/fontawesome-all";
Example:
<i className="fab fa-*-*"></i>
Material Design IconsOfficial Website
Material Design is a flexible icon family for interfaces, diagrams, presentations β whatever, really.
SCSS File:
Material Design Icons are scss based here. Where Material Design icon code is written in _materialdesignicons.scss
<!-- Material Design icons scss -->
@import "../../custom/plugins/icons/materialdesignicons";
Example:
<i className="mdi mdi-*-*"></i>