尽量在网页中使用SVG图标

Font Icon 越来越流行,若是你只需要使用很少的一部分图标,且你并不想引入庞大的字体文件,SVG 图标是你的不二选择。使用 SVG 图标同样很简单,仅需添加相应的图标代码即可。比如以下代码可以添加一个“人形”的图标,你可以修改width和height字段来控制图标的大小。


<svg width="42" height="42" viewbox="0 0 512 512"><path d="M 480.00,96.00L 480.00,64.00L 256.00,128.00L 32.00,64.00L 32.00,96.00L 192.00,160.00L 192.00,288.00L 128.00,512.00L 160.00,512.00L 256.00,288.00L 352.00,512.00L 384.00,512.00L 320.00,288.00L 320.00,160.00 zM 208.00,48.00A48.00,48.00 12600.00 1,0 304.00,48A48.00,48.00 12600.00 1,0 208.00,48z"></path></svg>

项目地址:https://github.com/mastermay/freeSVG

演示地址:http://mastermay.github.io/freeSVG/


正文到此结束

随便看看

发表评论

    avatar
    微笑 大笑 拽 大哭 奸笑 流汗 喷血 生气 囧 不爽 晕 示爱 卖萌 吃惊 迷离 爱你 吓死了 呵呵