svg中的symbol如何制作icon

1. cnpm i gulp -g

2. 新建一个gulpfile.js文件

var gulp = require(&＃39;gulp&＃39;);
var svgSymbols = require(&＃39;gulp-svg-symbols&＃39;);
gulp.task(&＃39;sprites&＃39;,function(){
    return gulp.src(&＃39;assets/svg/*.svg&＃39;).pipe(svgSymbols()).pipe(gulp.dest(&＃39;assets&＃39;));
})

3.新建assets/svg，将下载下来的svg放到svg文件中

Tip:将svg文件名改成需要的id

4.运行gulp sprites

5.直接在HTML中使用

相关文章推荐：

SVG画图功能：svg实现画出一朵花（附代码）

svg中元素的使用及marker属性的介绍

以上就是svg中的symbol如何制作icon的详细内容，更多请关注其它相关文章！