Icon SCSS
icons.scss is source file for the all custom icon plugins.
<!-- icons CSS -->
<link rel="stylesheet" href="assets/css/icons.min.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 _remixicon.scss
<!-- remix icon scss -->
@import "custom/plugins/icons/remixicon";
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 _boxicon.scss
<!-- box icon scss -->
@import "custom/plugins/icons/boxicons";
Example:
<i class="bx bx-**"></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 scss based here. Where Bootstrap icon code is written in _bootstrap-icons.scss
<!-- Bootstrap icons scss -->
@import "custom/plugins/icons/bootstrap-icons";
Example:
<i class="bi bi-*-*"></i>Phosphor IconsOfficial Website
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
SCSS File:
Phosphor Icons are scss based here. Where Phosphor icon code is written in _phosphor.scss
<!-- Phosphor icons scss -->
@import "custom/plugins/icons/phosphor";
Example:
<i class="ph-*-*"></i>