Tabler Icons for Vue

Installation

yarn add  @tabler/icons-vue

or just download from Github.

How to use

All icons are Vue components that contain SVG elements. So any icon can be imported and used as a component. It also helps to use threeshaking, so you only import the icons you use.

<template>
  <IconHome />
</template>

<script>
// Returns Vue component
import { IconHome } from '@tabler/icons-vue';

export default {
  components: { IconHome }
};
</script>

You can pass additional props to adjust the icon.

<IconHome color="red" :size="48" stroke-width="1" />

Props

nametypedefault
sizeNumber24
colorStringcurrentColor
strokeNumber2