Icons ​

We use Iconify for our icons. You can find the list of icons here.

Iconify is a set of tools for developers and designers, created to make it easy to work with different icon sets in a consistent way.

It includes:

1. Tools for importing, exporting and organising icons.
2. Over 200k icons from more than 150 open source icon sets, all cleaned up, optimised and kept up to date.
3. Components for various frameworks that work with that icon data.
4. Plugins for UI developers.
5. Public API to browse, search icon sets and retrieve icon data. It also generates SVG and CSS on demand.

Installation ​

# npm
npm install @iconify/vue

# yarn
yarn add @iconify/vue

Usage in Boot File ​

import { boot } from 'quasar/wrappers'
import { Icon } from '@iconify/vue';

export default boot(({ app }) => {
  app.component('Icon', Icon)
})

Usage in Component ​

<template>
  <Icon icon="tabler:phone"/>
</template>