Sneat provides option to use custom font icons. So user can use icons of their own choice as well.

If you are using building tools,

If you want to add other font-icons like boxicons. Please follow below steps :

• Include font-icons inside package.json file to install using npm / yarn
Copy

"dependencies": {
  ...
  "boxicons": "~2.0.9",
  ...
}

• Run command yarn install or npm install to install fonts inside template's node-modules
• Now, create boxicons.scss file inside src/fonts/ folder.
• Include boxicon css from node-modules to boxicons.scss file.
• You can add custom variables, style and override current font style. Like below
Copy

$boxicons-font-size-base: 16px;  // variable

    @import '../node_modules/boxicons/css/boxicons';  // import from node-modules

    // Custom scss
    .bx {
      vertical-align: middle;
      font-size: 1.15rem;
      line-height: 1;
    }
    // Override font path according to yours
    @font-face {
      font-family: 'boxicons';
      font-weight: normal;
      font-style: normal;

      src: url('../fonts/boxicons/boxicons.eot');
      src: url('../fonts/boxicons/boxicons.eot') format('embedded-opentype'),
        url('../fonts/boxicons/boxicons.woff2') format('woff2'),
        url('../fonts/boxicons/boxicons.woff') format('woff'),
        url('../fonts/boxicons/boxicons.ttf') format('truetype'),
        url('../fonts/boxicons/boxicons.svg?#boxicons') format('svg');
    }

• To build css and get fonts files, declare custom fonts to src/tasks/build.js file.
Copy

// Build fonts
    // -------------------------------------------------------------------------------
    const FONT_TASKS = [
      {
        name: 'boxicons',
        path: 'node_modules/boxicons/fonts/*'
      },
      ...
    ]

• Include style file in html files, like
Copy

<link rel="stylesheet" href="ASSETS_PATH/vendor/fonts/boxicons.css" />

• Run below command(s) to build fonts. For other build tasks read more :
Copy

yarn build

    OR

    yarn build:fonts
    yarn build:css

• Now, user can use boxicons fonts with it's classes like class="bx bx-message" and so on..

You can generate Iconify icon. Read More

If you are not using building tools,

You can include CDN fonts using CDN. Read More

If you want to use font icons using font files. Read More