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.

<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:

Tabler Icons as Vue components

Changelog:

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.

Download Details:

Author: alex-oleshkevich

Live Demo: https://github.com/alex-oleshkevich/vue-tabler-icons/blob/master/demo/App.vue

Download Link: https://github.com/alex-oleshkevich/vue-tabler-icons/archive/master.zip

Official Website: https://github.com/alex-oleshkevich/vue-tabler-icons

Install & Download:

# Yarn
$ yarn add vue-tabler-icons

# NPM
$ npm i vue-tabler-icons --save
Tags:

Add Comment