原神图标

#元素图标#

#圣遗物图标#

##物品栏图标#

为了做角色攻略生成工具,因为找不到需要的图标,就自己做了,在阿里图标库发布了,需要自取 原神图标

3-1653810250312

图标格式:SVG

1、可以无损放大

2、可以随意改变颜色

2-1653810272381

3、可以直接引入代码 ,引入方法见:

ElementUI中使用icon

阿里图标的使用

Vue+ElementUI 使用阿里图标

一、文件准备

将图标加入购物篮

3-1653810291210

打开购物篮,点击 【添加进项目】 (若没有项目要先去新建)

4-1653810311890

进入【我的项目】,选择编码模式【Unicode】,点击【下载至本地】

5-1653810331404

将文件放入项目的静态目录

6-1653810338727

二、代码引入

全局引入,在main.js文件

import '@/assets/iconfont/iconfont.css'

局部引入

<style scoped src="../../assets/iconfont/iconfont.css"></style>

三、使用

<i class="iconfont icon-flower" style="font-size:40px;"></i>