The source files for all the custom icon plugins in Vixon can be found in the src/assets/scss/plugins/icons folder. These files contain the necessary styles and configurations for each custom icon plugin used in the template. By accessing these source files, developers have the flexibility to customize and extend the icon set according to their specific requirements.

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 "src/assets/scss/plugins/icons/_remixicon.scss";

Example :-

<i className="ri-home-line"></i> 

Tabler IconsOfficial Website

Tabler Icons is a comprehensive and free icon set designed for use in web projects. It provides a wide range of icons that can be used to enhance the visual appeal and functionality of your web applications, websites, or dashboards.

SCSS File :-

Tabler icons are used as scss based here, and the code is written in _tabler-icons.scss file.

<!-- tabler icon scss -->
@import "src/assets/scss/plugins/icons/_tabler-icons.scss"; 

Example :-

<i className="ti ti-**"></i>

Bootstrap IconsOfficial Website

Bootstrap icons are free, high quality and open source icon library with over 1,800 icons. These icons are specifically created to enhance the visual appearance and functionality of Bootstrap-based websites and applications.

SCSS File :-

Bootstrap Icons are used as scss based here, and the code is written in _bootstrap-icons.scss file.

<!-- Bootstrap icons scss -->
@import "src/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 "src/assets/scss/plugins/icons/_phosphor.scss"; 

Example :-

<i className="ph-*-*"></i>