1. @ant-design/icons-vue
Ant Design Icons for Vue
@ant-design/icons-vue
Package: @ant-design/icons-vue
Created by: ant-design
Last modified: Fri, 01 Mar 2024 02:31:28 GMT
Version: 7.0.1
License: MIT
Downloads: 345,476
Repository: https://github.com/ant-design/ant-design-icons

Install

npm install @ant-design/icons-vue
yarn add @ant-design/icons-vue

Ant Design Icons for Vue

NPM version
NPM downloads

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

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin