Tabler Icons as Vue components


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.

  <bold-icon />

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

import Vue from 'vue';
import VueTablerIcons from 'vue-tabler-icons';
  <trash-icon />


Tabler Icons as Vue components


v1.11.0 (07/14/2021)

  • Update table icons to 1.41.

v1.10.0 (04/19/2021)

  • Update table icons to 1.40.

v1.9.0 (04/05/2021)

  • Use new build system. Add index.d.ts

v1.8.1 (01/27/2021)

  • Sync with 1.39. Add missing dependency.

v1.7.0 (12/16/2020)

  • added 57 new icons.

Download Details:

Author: alex-oleshkevich

Live Demo:

Download Link:

Official Website:

Install & Download:

# Yarn
$ yarn add vue-tabler-icons

$ npm i vue-tabler-icons --save

You Might Be Interested In:


Add Comment