今天用webix框架做登录系统，看到别人的安全退出按钮有图标，我去webix官网上搜索，没找到几个图标。然后查看源文件的css发现了大量的icon图标我罗列出了518种，漏了十几种，但是应该也够用了。

因为要凑够150字才能发表，我就介绍下webix。我用过angular.js还有easyui两个前台框架。发现他们都能用js写界面，这点和webix想通。但是webix做的更彻底，除了给出body层外，全部的页面都是用js完成。对于那些对html和css不是很熟的后端开发人员来说，用webix能快速写出很炫的界面。webix+reuirejs+node  三种技术能真正的做到从前端到后端都是js代码。要是能用单页模式的话，几乎可以做到只写一个html，其他的全部是js代码。希望webix在国内能火起来，能找个写webix的好工作。

下面是图标

对应代码：下面的代码直接复制粘贴到一个html文件 打开就能看到效果 。要是看中哪个图标直接搜索就行。eg："样式400"

Layout and Resizer webix.ui({ id: webix.uid(), rows: [ { view: , elements: [ {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: }, {view: } ] } ] }).show();