当前位置:首页 > 北美洲 > 加拿大 >
IconMelon:免费svg图标素材库

IconMelon:免费svg图标素材库

编辑时间:2014-10-24

英文官网:进入网站

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 档案路径即可调用,说明页面有相当详细、完整的说明,使用时可以做为参考。

最新收录