SVG圖標，在HTML中使用?

在網頁設計中很多時候會用到圖標，在這裡給大家推薦svg圖標，因為svg圖標在放大後不會失真而且在更改圖標顏色的時候也非常方便。接下來我們已蘋果官網為例

工具/原料

SVG圖標文件

HTML編輯器（高手可以用文本編輯器）

方法/步驟

首先去蘋果官網，在官網右擊LOGO圖標，選擇審查元素（我用的Google chrome），可以看到svg圖標文件咯，我們可以下載這個svg文件，放到本地。

打開HTML編輯器，新建一個網頁test.html，將svg圖標文件與test.html放在同一目錄下，在test.html中寫好div及其樣式，然後預覽！

從上面預覽來看是不是圖標太小咯，我們可以直接在svg進行修改，不僅可以修改大小，還可以修改顏色。我們把顏色和大小修改後，在test.html也要修改下大小樣式

效果出來咯！