Vue-Awesome

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons.

npm · docs · search

Basic

<v-icon name="flag"></v-icon>

Scale

<v-icon name="language" scale="3"></v-icon>

Spin

<v-icon name="sync" spin></v-icon>

Pulse

<v-icon name="spinner" pulse></v-icon>

Flip

<v-icon name="signal" flip="horizontal"></v-icon>

Label

Accessible for screen readers, etc.

<v-icon name="code" label="Source Code"></v-icon>

Title

Descriptive title support.

Vue.js

<v-icon name="brands/vuejs" title="Vue.js"></v-icon>

Stacked icons

Use stacked icons like in FontAwesome. Even more powerful.

<v-icon label="No Photos">
  <v-icon name="camera"></v-icon>
  <v-icon name="ban" scale="2" class="alert"></v-icon>
</v-icon>

Custom icons

You can register your own icons.

<v-icon name="baidu"></v-icon>

Multi-color icons

Register icons in more advanced ways to unleash the full power of SVG.

See readme for more advanced usage.