@ant-design/icons-vue

Ant Design Icons for Vue

Install

yarn add @ant-design/icons-vue

Basic Usage

First, you should add the icons that you need into the library.

import Vue from 'vue'
import { Filter } from '@ant-design/icons-vue';
Vue.component(Filter.name, Filter);

After that, you can use antd icons in your Vue components as simply as this:

<icon-filter />

Build project

npm run generate # Generate files to ./src
npm run compile # Build library
npm run test # Runing Test

Similar packages

Other packages similar to @ant-design/icons-vue

vue-fontawesome

vue-fontawesome is a Vue.js library for integrating Font Awesome icons. It provides a wide range of icons and allows for easy customization. Compared to @ant-design/icons-vue, vue-fontawesome offers a different set of icons and may be preferred if you are already using Font Awesome in your project.

vue-material-design-icons

vue-material-design-icons is a Vue.js library that provides Material Design icons. It offers a comprehensive collection of icons following the Material Design guidelines. This package is a good alternative if you prefer the Material Design aesthetic over Ant Design.

vue-feather-icons

vue-feather-icons is a Vue.js library for using Feather icons. Feather icons are simple and clean, making them suitable for minimalist designs. This package is a good alternative if you are looking for lightweight and easily customizable icons.