1. Go to the Alibaba icon library to find your own project, select symbol, and download it locally.
2. Unzip the downloaded file to find the iconfont.js file, and copy it to the project. I created a new folder named iconfont under static.
3. And create a new icon.css file in the same level directory
4. Paste the following code in icon.css.
General css code:
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
5. Import in main.js
import './assets/iconfont/iconfont.js'
import './assets/iconfont/icon.css'
6. So it can be used
<span class="svg-container">
<svg class="icon" aria-hidden="true">
<use xlink:href="#iconpingjia_yidianji"></use>
</svg>
</span>
The user name after xlink: href can be seen on the official website of lconfont -> right-click the icon to copy the code
7. Effect picture:
