![Cartzilla](../img/logo-dark.png)
UI icons (Icon font)
Cartzilla includes the collection of vector based font icons to use across the website. See the code example below:
<i class="ci-add-location"></i>
i.ci-add-location
Add new icons to the set
In order to add new icons to the set follow these easy steps:
- Upload this file to Icomoon App. See the screnshot below.
- Add new icons by dragging them to the end of the list (this is important to add icons to the end). Make sure you upload icons in .svg format. Each SVG icon should be 24x24px and all paths should be outlined (converted to shapes) for better rendering.
- Make sure to select new icons with selection tool at the top and click Generate Font.
- Download generated font, extact .zip archive. Copy new font files as well as selection.json to
Cartzilla/dist/fonts
. - Open
styles.css
orstyles.scss
(depending on whether you use CSS or SCSS) inside downloaded .zip, copy your new icons styles and add them toCartzilla/src/scss/components/icons.scss
to the end of the file.
![Icomoon App](../img/docs/icomoon.png)