Vue Package Installation #

To get started with the Houston Icons Vue package, you need to install it from npm or yarn.

Installation #

Follow the steps below to install the Houston Icons package and start using the icons in your Vue project.

1. Get NPM Install Command: #

Navigate to the NPM and copy command to install the @houstonicons/vue package:

npm i @houstonicons/vue

2. Import package in your project:#

In your Vue project, import the Houston Icons package and start using the icons in your application.

import {} from '@houstonicons/vue'

Examples #

Here's a quick example of how to use an icon in a Vue component:

<script setup="ts">import {Home01Icon} from '@houstonicons/vue';</script>
<template ><home-01-icon /></template>