SvgIcons

If you do not find the desired icon in the Icon of this project, you can select and generate your own business icon library on iconfont.cnand use it again. Or other svg icon website, download svg and put it in this folder.

Generate icon library code

First, search for and find the icon you need, and collect it into your shopping cart. In the shopping cart, you can add the selected icon to the project (if not, create a new one), and the subsequent generated resources/code are It is based on the dimension of the project.

If you already have a design draft, just need to generate the relevant code, you can upload your icon, and then do the above operation.

账户相关布局

** This project now supports and recommends separate export of svg usage. Download method as shown below:**


After the download is complete, the downloaded .svg file is automatically imported after it is placed in the @/icons/svg folder.

How to use

<svg-icon icon-class="password" /> //Icon-class is the icon's name usage

Component

Change color

svg-icon reads its parent's color `fill: currentColor;' by default.

You can change the parent's color or change the color of fill directly.

TIP

If you encounter an incorrect icon color, you can refer to thisissue

Detailed articles

手摸手,带你优雅的使用 icon