Webfont

Tabler Icons as a webfont allows you to easily include icons in your projects using simple CSS classes, offering a lightweight and scalable solution for web development.

Installation

yarn add @tabler/icons-webfont

or

npm install @tabler/icons-webfont

or

pnpm install @tabler/icons-webfont

or just download from Github.

CDN

<link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@$ICONS_VERSION/dist/tabler-icons.min.css" />

Instead of a specific version, you can use latest to always get the newest icons.

Usage

HTML

<i class="ti ti-brand-tabler"></i>

CSS

content: 'ec8f';

SCSS

content: $ti-icon-brand-tabler;