AI圖標制作完成之后，保存的svg文件包含許多AI的信息，如果要在HTML中使用，我們需要在svg文件中提取/修改信息，重新保存。

1、在AI中已經完成圖標，要保存SVG文件，點擊“文件(File)”-“另存為(Save As)”，在彈出的對話框中保存類型選擇SVG(*.svg)。

2、svg文件保存后，用文本編輯器打開，找到<path>這一個節點，d屬性里面就是這個圖片的路徑數據【注：在保存svg圖標的時候需要使用路徑查找器工具將圖標制作為復合路徑，不然該svg文件中會有多個<path>節點】。

3、可以新建一個.svg文件，用文本編輯器打開，輸入以下內容

viewBox 和enable-background 的寬高不要修改，使用從ai保存的svg中的數據。

4、將從ai保存的svg中復制路徑數據到上面新建的svg圖標路徑數據屬性中，設置好顏色大小的信息，保存后就可以在html中正常使用了。