Getting started

Icon font

This article explains how to use, add or remove icons from the icon font in your project.

Using icons

Icon fonts are commonly referenced in the <head> section of HTML documents to ensure they are preloaded correctly and styled as intended.

Referencing icon Font in HTML

To include the icon font in your PHP files, insert the following lines in the <head> section:

<!-- Font icons -->
<link rel="preload" href="assets/icons/cartzilla-icons.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="assets/icons/cartzilla-icons.min.css">

Applying icons in your PHP code

Icons can be applied within your HTML by using specific classes related to the icon's SVG file name. Here's a sample snippet on how to include an icon:

<i class="ci-settings"></i>
Top