Icons
Icon
The source files for all the custom icon
plugins are given in src/assets/scss/plugins/icons
folder.
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 used as scss based here, and the code is
written in _remixicon.scss
file.
<!-- remix icon scss -->
@import "assets/scss/plugins/icons/remixicon.scss";
Example :-
<i className="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 :-
Boxicons are used as scss based here, and the code is written in _boxicon.scss file.
<!-- box icon scss -->
@import "assets/scss/plugins/icons/boxicons.scss";
Example :-
<i className="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 used as scss based here, and the code is written in _materialdesignicons.scss file.
<!-- material design icons scss -->
@import "assets/scss/plugins/icons/materialdesignicons.scss";
Example :-
<i className="mdi mdi-*-*"></i>
Bootstrap 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 :-
Bootstrap Icons are used as scss based here, and the code is written in _bootstrap-icons.scss file.
<!-- Bootstrap icons scss -->
@import "assets/scss/plugins/icons/bootstrap-icons.scss";
Example :-
<i className="bi bi-*-*"></i>
Phosphor IconsOfficial Website
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
SCSS File :-
Phosphor Icons are used as scss based here, and the code is written in _phosphor.scss file.
<!-- Phosphor icons scss -->
@import "assets/scss/plugins/icons/phosphor.scss";
Example :-
<i className="ph-*-*"></i>