前端怎么使用svg格式的图片

目录

第一步，找到图标

第二步，使用

第一种，SVG下载

第二种，粘贴SVG代码

---

第一步，找到图标

以阿里巴巴矢量图标库为例，随便找一个图标，如下图

第二步，使用

第一种，SVG下载

svg下载后，就长下面这样

直接在代码中使用img标签用就行(推荐)

   <img src="./img/pg.svg" alt="SVG Image">

效果

第二种，粘贴SVG代码

点击复制svg代码，扔到代码中，它很长

效果一样

好了，没了，有用点赞