Tabler Icons as Vue components

Install & Download:

# Yarn
$ yarn add vue-tabler-icons
# NPM
$ npm i vue-tabler-icons --save

Description:

Yet another icon component library that allows you to use Tabler icons as Vue.js components.

How to use it:

1. Import icons from Tabler and register them as components.

import { BoldIcon } from 'vue-tabler-icons';
export default {
  components: { BoldIcon },
};

2. Add the icon to the app.

<template>
  <bold-icon />
</template>

3. You can also import & register the Table Icons globally as follows:

import Vue from 'vue';
import VueTablerIcons from 'vue-tabler-icons';

Vue.use(VueTablerIcons);

<template>
  <trash-icon />
</template>

Preview:

Changelog:

v2.21.0 (05/26/2023)

• Update icons

v2.20.0 (02/23/2023)

• Update icons

v2.19.1 (02/17/2023)

• Update icons

v2.19.0 (02/01/2023)

• Update icons

v2.18.0 (01/20/2023)

• Update icons

v2.17.0 (12/10/2022)

• Update icons

v2.16.0 (10/29/2022)

• Update icons

v2.15.0 (10/25/2022)

• Update icons

v2.14.1 (10/20/2022)

• Update icons

v2.13.0 (10/18/2022)

• Update icons

v2.12.0 (10/07/2022)

• Update icons

v2.11.4 (09/18/2022)

• Update icons

v2.11.3 (09/13/2022)

• Update

v2.9.0 (08/24/2022)

• Ignore jetbrains project specific settings files
• Fix TwoFactorAuth typo
• Improve autocompletion

v2.8.1 (07/25/2022)

• update to tabler 1.78

v2.6.0 (04/14/2022)

• Sync with tabler 1.64

v2.4.3 (03/21/2022)

• Fix 3d-rotate.svg icon.

v2.3.0 (02/21/2022)

• Update icons to 1.54.

v2.1.0 (07/27/2021)

• his release adds CDN support, support of commonjs, umd modules, older browsers support.