如何获取Chrome开发者工具中的SVG图标资源？

核心结论 #

你截图里的这些是Chromium系浏览器的原生内置UI图标，完全可以在Chromium官方代码仓库找到对应SVG资源，不用去第三方图标站找样式近似的替代款。

具体获取方式 #

• 从Chromium源码获取
  所有图标都随Chromium源码开源存放：通用类UI图标（包括你截图里的前进、后退、刷新、三点菜单、扩展、用户头像这类工具栏通用图标）集中存放在ui/views/vector_icons/、chrome/app/theme/default_100_percent/common/vector_icons/两个目录下；和特定功能绑定的图标（例如下载、书签、权限提示类图标）会放在对应功能模块的资源子目录中，直接按图标对应的功能英文关键词检索文件名就能快速定位，拿到的都是原始可编辑的SVG格式文件。
  如果不想拉取体积庞大的完整Chromium源码库，直接用Chromium官方提供的在线代码检索功能，搜对应图标关键词就能定位到目标文件，直接复制SVG源码保存到本地即可。
• 从本地浏览器提取
  要是你电脑上已经装了Chrome、Edge这类基于Chromium的正式版浏览器，拿图标的方式更简单：找到浏览器安装目录下的resources.pak资源包，用匹配版本的pak解包工具解包后，就能在解包生成的vector_icons文件夹里，找到和你当前使用的浏览器样式完全一致的全套SVG图标，和截图里的显示效果没有任何偏差。

注意事项 #

这些图标是Chromium开源项目的资产，个人非商用使用只要遵守项目对应的BSD开源协议要求即可，不会有版权问题。

内容的提问来源于stack exchange，提问作者user956609