[SVG]快速下载网页中的SVG矢量图标文件

帮ui小姐姐从某个网站弄下来一个svg，作一记录。

原链接：https://zhuanlan.zhihu.com/p/584881324

 

SVG下载两步骤

1、谷歌chrome打开SVG文件的实际页面路径地址，比如：Icons/Dachart/flachdach.svg，这个可以在你要下载的SVG图标上右键复制图片网址。

浏览器打开后按下F12，右侧调出开发者工具，点击如下图所示三个点，再选择copy - copy element，也就是把整个<svg></svg>标签中的代码复制。

2、新建TXT文件，将刚才复制的代码复制到文本中，更改文件后缀为SVG即可。

如何打开SVG图片文件

由于SVG是矢量图文件，一般的图片查看工具无法打开，可以使用Adobe Illustrator查看且再次编辑SVG文件，还能导出保存为其他格式的文件。SVG文件还可以通过浏览器打开，也有一些其它的软件比如SVGDeveloper专业SVG格式编辑软件。