在做完使用者登入的功能後，我們終於可以做一些使用者相關的功能了，像是「收藏」。不過在開始做功能之前，先等一下。現在收藏一個界面還不太好看，只是暫時的文字而已。我們來把它換成一個 icon。

就算是放 icon，我們也要使用最新的技術！由於現在手機上網以及高dpi銀幕的出現，以往一般的點陣圖形已經不行了，所以大家開始使用向量的圖檔格式替代。除了這次我們要用的 SVG，也有使用字形來當 icon使用的方式，名為 icon font，像是 fontawesome 是一組非常好用的 icon font。不過現在 icon font 已經不是最潮的了。

經過比較一些 svg icon set 之後，我們選擇的是 icomoon。雖然網站上主打的 icon font，但是他也有提供 svg 的下載。下載後，要使用非常容易，最簡單的用法跟別種圖片沒有什麼兩樣，像這樣：

<img src="images/icon/heart.svg" width="18" height="18" alt="喜歡">

如此一來，我們就有放大不會失真的 icon 了。

SVG還有更進階的用法，讓妳可以用 css 來改變 svg的樣式，就像對 html 一樣。不過這下次有需要時再來講了。