免费svg图标素材库(IconMelon)是一个专门为网站设计而创建的素材资源分享网站,SVG(可缩放矢量图形)是一种比较新的HTML5技术,通过简单的语法来加载矢量图标,利用CSS3来加入样式,在跨浏览器上有一定优化效果。
iconmelon提供的图表集主要包括80iconspack、BrainyIcons、JollyIcons、HeartyVectorIcons、SimpleLineIcons,当然用户还可以自己上传,跟通常图例网站有所不同的是用户不必下载一整套的的图例档案资料,只需选取你需要的图例,单击网站页面右上方的Download就可以打包为单一的svg档,再运用iconmelon提供的语法教学就可以把图例内嵌网站。
打开iconmelon后,从网站页面里选取你需要的图例,选取后会出现红色方框,意味着己经选取,网站页面右上方的下载按钮会显示你目前己经选取了几个图例,选完后选取Download都可以将图例打包成一的档案资料下載。
下載后解压,打开index.html会显示要加载这些图例你可以使用的标签名称,看到这里很有可能还是不太明白要如何使用svg图示,没有关系,选取网站页面左上角的「HowtoUse」,就有详尽的使用方法。
按照iconmelon提供的说明网页页面指示,复制icons.svg档的内容并贴上,或是从index.html档案资料底部复制js程式码,并指向icons.svg档案资料路径就可以调用,详细说明网页页面有非常详尽、详细的详细说明,运用时都可以作为参考资料。
网址入口:http://iconmelon.com/