Icon SCSS

icons.scss is source file for src/assets/scss/custom/plugins/_icon.scss the all custom icon plugins.

@import "icons/materialdesignicons";
@import "icons/boxicons";
@import "icons/fontawesome-all";
@import "icons/dripicons";
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 "@/assets/scss/custom/plugins/icons/dripicons";
Example:
<i class="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 "@/assets/scss/custom/plugins/icons/boxicons"; 
Example:
<i class="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 "@/assets/scss/custom/plugins/icons/fontawesome-all"; 
Example:
<i class="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 "@/assets/scss/custom/plugins/icons/materialdesignicons";
Example:
<i class="mdi mdi-*-*"></i>
2025 Β© Skote.