使用Bootstrap模板无法找到SVG图标位置，寻求替换方法

先找SVG图标在哪 #

• 直接写在HTML里的SVG：打开Dreamweaver切到代码视图，搜<svg>标签，就能找到嵌在页面里的图标代码。
• 作为图片引用的SVG：搜<img src="*.svg">，看src里的路径（比如./assets/icons/arrow.svg），去模板文件夹对应位置找这个文件就行。
• Bootstrap字体图标：如果是<i class="bi bi-xxx">这种，那是Bootstrap自带的字体图标，不是单独的SVG文件，要换的话要么换对应的bi类名，要么换成自己的SVG代码。

正确替换的步骤 #

• 替换嵌在HTML里的SVG：直接删掉原来的<svg>...</svg>代码块，粘贴你自己的SVG代码就行（记得保留viewBox、宽高这些属性，不然图标可能显示不正常）。
• 替换独立SVG文件：找到目标文件后，把你做好的SVG重命名成和原文件一样的名字，直接覆盖；要是不想改名，就改HTML里<img>的src路径指向你的新SVG。
• 修复Photoshop导出的SVG问题：用PS导出SVG时，选「文件>导出>导出为」，格式选SVG，导出设置里勾上「简化路径」，删掉多余的图层和样式，不然导出的SVG代码太乱可能显示不出来。

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