這篇文章主要介紹svg中symbol制作icon的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在賓川等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷,外貿(mào)營(yíng)銷網(wǎng)站建設(shè),賓川網(wǎng)站建設(shè)費(fèi)用合理。

1. cnpm i gulp -g

2. 新建一個(gè)gulpfile.js文件

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

3.新建assets/svg，將下載下來(lái)的svg放到svg文件中

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

4.運(yùn)行g(shù)ulp sprites

5.直接在HTML中使用

以上是svg中symbol制作icon的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

當(dāng)前題目：svg中symbol制作icon的方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://www.weahome.cn/article/josds.html