iconfont组件化实现（SVG）

目录

• 一、需求说明
  • 二、执行流程
    • 1.从iconfont平台挑选当前项目所需应用的图标资源
    • 2.在对应项目目录下生成iconfont.js文件
    • 3.构建svgIcon组件以实现图标展示功能

一、需求描述与分析

1. 选取iconfont图标库中的图标，并以SVG格式导入至项目中
2. 在项目开发过程中，采用组件化的方式进行调用
3. 能够对图标的尺寸与色彩进行灵活调节

二、操作流程与实施步骤

1.在iconfont中选择项目需要使用的图标

将图片中所包含的全部代码内容进行复制操作

2.在项目中创建iconfont.js

在项目开发过程中，需生成iconfont.js文件，并将已复制的代码内容进行粘贴操作

![在这里插入图片描述](http