Steps to customize icon in Vue

ant-design-vue customizes the use of Ali iconfont icons\

Step 1: Get the project js link from iconfont

The second step is to add the iconfont to the page where it is needed.

Use in Deom:
 <a>
     <Fonts type='icon-zutaishitu'/>
 </a>

import { Icon } from 'ant-design-vue';

 const Fonts = Icon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/font_2731654_ew9hs5g22se.js'
 })

 export default {
     components:
         Fonts
     }
}

Effect:

This is the end of this article about vue custom icon. For more relevant vue custom icon content, please search 123WORDPRESS.COM’s previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!