免费svg图标素材库 iconmelon.com

免费svg图标素材库是一个专门为网页设计而创办的素材分享网站，SVG(可缩放矢量图形)是一种比较新的HTML5技术，通过简单的语法来加载矢量图标，利用CSS3来加入样式，在跨浏览器上有一定优化效果。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 档案路径即可调用，说明页面有相当详细、完整的说明，使用时可以做为参考。