tabler/docs/content/icons/libraries/vue.md

title, description, summary

title	description	summary
Vue	Tabler Icons library for Vue framework.	Tabler Icons for Vue offers a collection of customizable and scalable icons designed for use in Vue applications, providing a powerful tool for creating modern and engaging interfaces.

Installation

{% include "docs/tabs-package.html" name="@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 treeshaking, 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

name	type	default
size	Number	24
color	String	currentColor
stroke	Number	2