如何简单快速的获取到页面上的svg图标？

这里小编提供两个方法都可以获取到页面中的svg图标

1. 火狐浏览器快速获取
   
   小编拿花瓣网的这个svg图标来进行演示
   第一步，在火狐浏览器中鼠标右击 => 查看页面信息
   
   在媒体选项中找到我们要获取的svg图标项，注意的是svg很多都是白色的，所以我们单击发现下面的显示框什么都没有，其实是有的，只不过是白色的我们看不到而已
   
   然后右下角另存为即可
   
   会给我们生成一个.svg的文件
   
   然后直接将这个.svg文件当做图片文件来引用即可
   在这里插入图片描述
   
   2，使用谷歌浏览器；
   F12检查点选中我们要获取的svg图标，进入Computed中右击background-image的url，然后Copy link address获取到地址到新地址栏粘贴进入
   
   然后F12打开直接右击svg =》 Copy =》Copy element就获取到我们需要的内容了
   
   新建一个文本文件将我们复制的元素内容放进去，将文件改名且为.svg后缀，最上面加入<?xml version="1.0" encoding="UTF-8" standalone="no"?>这句代码，这就获得到了一个.svg的文件了，直接当做img在页面中引用使用即可