IconMelon:免費svg圖示素材庫

IconMelon:免費svg圖示素材庫是一個專門為網頁設計而創辦的素材分享網站,SVG(可縮放向量圖形)是一種比較新的HTML5技術,通過簡單的語法來載入向量圖示,利用CSS3來加入樣式,在跨瀏覽器上有一定優化效果。

IconMelon:免費svg圖示素材庫

iconmelon 提供的圖示集包括80 icons pack、Brainy Icons、Jolly Icons、Hearty Vector Icons、Simple Line Icons,使用者也可以自行上傳,跟一般圖示網站不同的是使用者無須下載成套的圖示檔案,只要點選你需要的圖示,按下網站右上角的Download 即可打包為單一個svg 檔,再利用iconmelon 提供的語法教學即可把圖示嵌入網站。

開啟iconmelon 後,從網頁裡點選你需要的圖示,選擇後會出現紅色框框,代表已經選取,網站右上角的下載按鈕會顯示你目前已經選擇了幾個圖示,選完後點選Download可以將圖示打包成一個檔案下載。

下載後解壓縮,開啟index.html會顯示要載入這些圖示你可以使用的標籤名稱,看到這裡可能還是不懂要怎麼使用svg圖示,沒關係,點選網頁左上角的「How to Use」,會有詳細的使用說明。

依照iconmelon 提供的說明頁面指示,複製icons.svg 檔的內容並貼上,或是從index.html 檔案底部複製js 程式碼,並指向icons.svg 檔案路徑即可呼叫,說明頁面有相當詳細、完整的說明,使用時可以做為參考。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *