webix icon 图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webix icon 图标相关的知识,希望对你有一定的参考价值。

今天用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"

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css" media="screen" charset="utf-8">
    <script src="http://cdn.webix.com/edge/webix.js" type="text/javascript" charset="utf-8"></script>
    <title>Layout and Resizer</title>
</head>
<body>
<script type="text/javascript" charset="utf-8">

    webix.ui({
        id: webix.uid(),
        rows: [
            {
                view: "form", height: 900, scroll: true,
                elements: [
                    {view: "button", type: "iconButton", label: "样式1", icon: "music"},
                    {view: "button", type: "iconButton", label: "样式2", icon: "search"},
                    {view: "button", type: "iconButton", label: "样式3", icon: "envelope-o"},
                    {view: "button", type: "iconButton", label: "样式4", icon: "heart"},
                    {view: "button", type: "iconButton", label: "样式5", icon: "star"},
                    {view: "button", type: "iconButton", label: "样式6", icon: "star-o"},
                    {view: "button", type: "iconButton", label: "样式7", icon: "user"},
                    {view: "button", type: "iconButton", label: "样式8", icon: "film"},
                    {view: "button", type: "iconButton", label: "样式9", icon: "th-large"},
                    {view: "button", type: "iconButton", label: "样式10", icon: "th"},
                    {view: "button", type: "iconButton", label: "样式11", icon: "th-list"},
                    {view: "button", type: "iconButton", label: "样式12", icon: "check"},
                    {view: "button", type: "iconButton", label: "样式13", icon: "close"},
                    {view: "button", type: "iconButton", label: "样式14", icon: "search-plus"},
                    {view: "button", type: "iconButton", label: "样式15", icon: "search-minus"},
                    {view: "button", type: "iconButton", label: "样式16", icon: "power-off"},
                    {view: "button", type: "iconButton", label: "样式17", icon: "signal"},
                    {view: "button", type: "iconButton", label: "样式18", icon: "cog"},
                    {view: "button", type: "iconButton", label: "样式19", icon: "trash-o"},
                    {view: "button", type: "iconButton", label: "样式20", icon: "home"},
                    {view: "button", type: "iconButton", label: "样式21", icon: "file-o"},
                    {view: "button", type: "iconButton", label: "样式22", icon: "clock-o"},
                    {view: "button", type: "iconButton", label: "样式23", icon: "road"},
                    {view: "button", type: "iconButton", label: "样式24", icon: "download"},
                    {view: "button", type: "iconButton", label: "样式25", icon: "arrow-circle-o-down"},
                    {view: "button", type: "iconButton", label: "样式26", icon: "arrow-circle-o-up"},
                    {view: "button", type: "iconButton", label: "样式27", icon: "inbox"},
                    {view: "button", type: "iconButton", label: "样式28", icon: "play-circle-o"},
                    {view: "button", type: "iconButton", label: "样式29", icon: "repeat"},
                    {view: "button", type: "iconButton", label: "样式30", icon: "refresh"},
                    {view: "button", type: "iconButton", label: "样式31", icon: "list-alt"},
                    {view: "button", type: "iconButton", label: "样式32", icon: "lock"},
                    {view: "button", type: "iconButton", label: "样式33", icon: "flag"},
                    {view: "button", type: "iconButton", label: "样式34", icon: "headphones"},
                    {view: "button", type: "iconButton", label: "样式35", icon: "volume-off"},
                    {view: "button", type: "iconButton", label: "样式36", icon: "volume-down"},
                    {view: "button", type: "iconButton", label: "样式37", icon: "volume-up"},
                    {view: "button", type: "iconButton", label: "样式38", icon: "qrcode"},
                    {view: "button", type: "iconButton", label: "样式39", icon: "barcode"},
                    {view: "button", type: "iconButton", label: "样式40", icon: "tag"},
                    {view: "button", type: "iconButton", label: "样式41", icon: "tags"},
                    {view: "button", type: "iconButton", label: "样式42", icon: "book"},
                    {view: "button", type: "iconButton", label: "样式43", icon: "bookmark"},
                    {view: "button", type: "iconButton", label: "样式44", icon: "print"},
                    {view: "button", type: "iconButton", label: "样式45", icon: "camera"},
                    {view: "button", type: "iconButton", label: "样式46", icon: "font"},
                    {view: "button", type: "iconButton", label: "样式47", icon: "bold"},
                    {view: "button", type: "iconButton", label: "样式48", icon: "italic"},
                    {view: "button", type: "iconButton", label: "样式49", icon: "text-height"},
                    {view: "button", type: "iconButton", label: "样式50", icon: "text-width"},
                    {view: "button", type: "iconButton", label: "样式51", icon: "align-left"},
                    {view: "button", type: "iconButton", label: "样式52", icon: "align-center"},
                    {view: "button", type: "iconButton", label: "样式53", icon: "align-right"},
                    {view: "button", type: "iconButton", label: "样式54", icon: "align-justify"},
                    {view: "button", type: "iconButton", label: "样式55", icon: "list"},
                    {view: "button", type: "iconButton", label: "样式56", icon: "dedent"},
                    {view: "button", type: "iconButton", label: "样式57", icon: "indent"},
                    {view: "button", type: "iconButton", label: "样式58", icon: "video-camera"},
                    {view: "button", type: "iconButton", label: "样式59", icon: "image"},
                    {view: "button", type: "iconButton", label: "样式60", icon: "pencil"},
                    {view: "button", type: "iconButton", label: "样式61", icon: "map-marker"},
                    {view: "button", type: "iconButton", label: "样式62", icon: "adjust"},
                    {view: "button", type: "iconButton", label: "样式63", icon: "tint"},
                    {view: "button", type: "iconButton", label: "样式64", icon: "edit"},
                    {view: "button", type: "iconButton", label: "样式65", icon: "share-square-o"},
                    {view: "button", type: "iconButton", label: "样式66", icon: "check-square-o"},
                    {view: "button", type: "iconButton", label: "样式67", icon: "arrows"},
                    {view: "button", type: "iconButton", label: "样式68", icon: "step-backward"},
                    {view: "button", type: "iconButton", label: "样式69", icon: "fast-backward"},
                    {view: "button", type: "iconButton", label: "样式70", icon: "backward"},
                    {view: "button", type: "iconButton", label: "样式71", icon: "play"},
                    {view: "button", type: "iconButton", label: "样式72", icon: "pause"},
                    {view: "button", type: "iconButton", label: "样式73", icon: "stop"},
                    {view: "button", type: "iconButton", label: "样式74", icon: "forward"},
                    {view: "button", type: "iconButton", label: "样式75", icon: "fast-forward"},
                    {view: "button", type: "iconButton", label: "样式76", icon: "step-forward"},
                    {view: "button", type: "iconButton", label: "样式77", icon: "eject"},
                    {view: "button", type: "iconButton", label: "样式78", icon: "chevron-left"},
                    {view: "button", type: "iconButton", label: "样式79", icon: "chevron-right"},
                    {view: "button", type: "iconButton", label: "样式80", icon: "plus-circle"},
                    {view: "button", type: "iconButton", label: "样式81", icon: "minus-circle"},
                    {view: "button", type: "iconButton", label: "样式82", icon: "times-circle"},
                    {view: "button", type: "iconButton", label: "样式83", icon: "check-circle"},
                    {view: "button", type: "iconButton", label: "样式84", icon: "question-circle"},
                    {view: "button", type: "iconButton", label: "样式85", icon: "info-circle"},
                    {view: "button", type: "iconButton", label: "样式86", icon: "crosshairs"},
                    {view: "button", type: "iconButton", label: "样式87", icon: "times-circle-o"},
                    {view: "button", type: "iconButton", label: "样式88", icon: "check-circle-o"},
                    {view: "button", type: "iconButton", label: "样式89", icon: "ban"},
                    {view: "button", type: "iconButton", label: "样式90", icon: "arrow-left"},
                    {view: "button", type: "iconButton", label: "样式91", icon: "arrow-right"},
                    {view: "button", type: "iconButton", label: "样式92", icon: "arrow-up"},
                    {view: "button", type: "iconButton", label: "样式93", icon: "arrow-down"},
                    {view: "button", type: "iconButton", label: "样式94", icon: "mail-forward"},
                    {view: "button", type: "iconButton", label: "样式95", icon: "expand"},
                    {view: "button", type: "iconButton", label: "样式96", icon: "compress"},
                    {view: "button", type: "iconButton", label: "样式97", icon: "plus"},
                    {view: "button", type: "iconButton", label: "样式98", icon: "minus"},
                    {view: "button", type: "iconButton", label: "样式99", icon: "asterisk"},
                    {view: "button", type: "iconButton", label: "样式100", icon: "exclamation-circle"},
                    {view: "button", type: "iconButton", label: "样式101", icon: "gift"},
                    {view: "button", type: "iconButton", label: "样式102", icon: "leaf"},
                    {view: "button", type: "iconButton", label: "样式103", icon: "fire"},
                    {view: "button", type: "iconButton", label: "样式104", icon: "eye"},
                    {view: "button", type: "iconButton", label: "样式105", icon: "eye-slash"},
                    {view: "button", type: "iconButton", label: "样式106", icon: "exclamation-triangle"},
                    {view: "button", type: "iconButton", label: "样式107", icon: "plane"},
                    {view: "button", type: "iconButton", label: "样式108", icon: "calendar"},
                    {view: "button", type: "iconButton", label: "样式109", icon: "random"},
                    {view: "button", type: "iconButton", label: "样式110", icon: "comment"},
                    {view: "button", type: "iconButton", label: "样式111", icon: "magnet"},
                    {view: "button", type: "iconButton", label: "样式112", icon: "chevron-up"},
                    {view: "button", type: "iconButton", label: "样式113", icon: "chevron-down"},
                    {view: "button", type: "iconButton", label: "样式114", icon: "retweet"},
                    {view: "button", type: "iconButton", label: "样式115", icon: "shopping-cart"},
                    {view: "button", type: "iconButton", label: "样式116", icon: "folder"},
                    {view: "button", type: "iconButton", label: "样式117", icon: "folder-open"},
                    {view: "button", type: "iconButton", label: "样式118", icon: "arrows-v"},
                    {view: "button", type: "iconButton", label: "样式119", icon: "arrows-h"},
                    {view: "button", type: "iconButton", label: "样式120", icon: "bar-chart-o"},
                    {view: "button", type: "iconButton", label: "样式121", icon: "twitter-square"},
                    {view: "button", type: "iconButton", label: "样式122", icon: "facebook-square"},
                    {view: "button", type: "iconButton", label: "样式123", icon: "camera-retro"},
                    {view: "button", type: "iconButton", label: "样式124", icon: "key"},
                    {view: "button", type: "iconButton", label: "样式125", icon: "cogs"},
                    {view: "button", type: "iconButton", label: "样式126", icon: "comments"},
                    {view: "button", type: "iconButton", label: "样式127", icon: "thumbs-o-up"},
                    {view: "button", type: "iconButton", label: "样式128", icon: "thumbs-o-down"},
                    {view: "button", type: "iconButton", label: "样式129", icon: "star-half"},
                    {view: "button", type: "iconButton", label: "样式130", icon: "heart-o"},
                    {view: "button", type: "iconButton", label: "样式131", icon: "sign-out"},
                    {view: "button", type: "iconButton", label: "样式132", icon: "linkedin-square"},
                    {view: "button", type: "iconButton", label: "样式133", icon: "thumb-tack"},
                    {view: "button", type: "iconButton", label: "样式134", icon: "external-link"},
                    {view: "button", type: "iconButton", label: "样式135", icon: "sign-in"},
                    {view: "button", type: "iconButton", label: "样式136", icon: "trophy"},
                    {view: "button", type: "iconButton", label: "样式137", icon: "github-square"},
                    {view: "button", type: "iconButton", label: "样式138", icon: "upload"},
                    {view: "button", type: "iconButton", label: "样式139", icon: "lemon-o"},
                    {view: "button", type: "iconButton", label: "样式140", icon: "phone"},
                    {view: "button", type: "iconButton", label: "样式141", icon: "square-o"},
                    {view: "button", type: "iconButton", label: "样式142", icon: "bookmark-o"},
                    {view: "button", type: "iconButton", label: "样式143", icon: "phone-square"},
                    {view: "button", type: "iconButton", label: "样式144", icon: "twitter"},
                    {view: "button", type: "iconButton", label: "样式145", icon: "facebook-f"},
                    {view: "button", type: "iconButton", label: "样式146", icon: "github"},
                    {view: "button", type: "iconButton", label: "样式147", icon: "unlock"},
                    {view: "button", type: "iconButton", label: "样式148", icon: "credit-card"},
                    {view: "button", type: "iconButton", label: "样式149", icon: "rss"},
                    {view: "button", type: "iconButton", label: "样式150", icon: "hdd-o"},
                    {view: "button", type: "iconButton", label: "样式151", icon: "bullhorn"},
                    {view: "button", type: "iconButton", label: "样式152", icon: "bell"},
                    {view: "button", type: "iconButton", label: "样式153", icon: "certificate"},
                    {view: "button", type: "iconButton", label: "样式154", icon: "hand-o-right"},
                    {view: "button", type: "iconButton", label: "样式155", icon: "hand-o-left"},
                    {view: "button", type: "iconButton", label: "样式156", icon: "hand-o-up"},
                    {view: "button", type: "iconButton", label: "样式157", icon: "hand-o-down"},
                    {view: "button", type: "iconButton", label: "样式158", icon: "arrow-circle-left"},
                    {view: "button", type: "iconButton", label: "样式159", icon: "arrow-circle-right"},
                    {view: "button", type: "iconButton", label: "样式160", icon: "arrow-circle-up"},
                    {view: "button", type: "iconButton", label: "样式161", icon: "arrow-circle-down"},
                    {view: "button", type: "iconButton", label: "样式162", icon: "globe"},
                    {view: "button", type: "iconButton", label: "样式163", icon: "wrench"},
                    {view: "button", type: "iconButton", label: "样式164", icon: "tasks"},
                    {view: "button", type: "iconButton", label: "样式165", icon: "filter"},
                    {view: "button", type: "iconButton", label: "样式166", icon: "briefcase"},
                    {view: "button", type: "iconButton", label: "样式167", icon: "arrows-alt"},
                    {view: "button", type: "iconButton", label: "样式168", icon: "group"},
                    {view: "button", type: "iconButton", label: "样式169", icon: "chain"},
                    {view: "button", type: "iconButton", label: "样式170", icon: "cloud"},
                    {view: "button", type: "iconButton", label: "样式171", icon: "flask"},
                    {view: "button", type: "iconButton", label: "样式172", icon: "cut"},
                    {view: "button", type: "iconButton", label: "样式173", icon: "copy"},
                    {view: "button", type: "iconButton", label: "样式174", icon: "paperclip"},
                    {view: "button", type: "iconButton", label: "样式175", icon: "floppy-o"},
                    {view: "button", type: "iconButton", label: "样式176", icon: "square"},
                    {view: "button", type: "iconButton", label: "样式177", icon: "bars"},
                    {view: "button", type: "iconButton", label: "样式178", icon: "list-ul"},
                    {view: "button", type: "iconButton", label: "样式179", icon: "list-ol"},
                    {view: "button", type: "iconButton", label: "样式180", icon: "strikethrough"},
                    {view: "button", type: "iconButton", label: "样式181", icon: "underline"},
                    {view: "button", type: "iconButton", label: "样式182", icon: "table"},
                    {view: "button", type: "iconButton", label: "样式183", icon: "magic"},
                    {view: "button", type: "iconButton", label: "样式184", icon: "truck"},
                    {view: "button", type: "iconButton", label: "样式185", icon: "pinterest"},
                    {view: "button", type: "iconButton", label: "样式186", icon: "pinterest-square"},
                    {view: "button", type: "iconButton", label: "样式187", icon: "google-plus-square"},
                    {view: "button", type: "iconButton", label: "样式188", icon: "google-plus"},
                    {view: "button", type: "iconButton", label: "样式189", icon: "money"},
                    {view: "button", type: "iconButton", label: "样式190", icon: "caret-down"},
                    {view: "button", type: "iconButton", label: "样式191", icon: "caret-up"},
                    {view: "button", type: "iconButton", label: "样式192", icon: "caret-left"},
                    {view: "button", type: "iconButton", label: "样式193", icon: "caret-right"},
                    {view: "button", type: "iconButton", label: "样式194", icon: "columns"},
                    {view: "button", type: "iconButton", label: "样式195", icon: "sort"},
                    {view: "button", type: "iconButton", label: "样式196", icon: "sort-desc"},
                    {view: "button", type: "iconButton", label: "样式197", icon: "sort-asc"},
                    {view: "button", type: "iconButton", label: "样式198", icon: "envelope"},
                    {view: "button", type: "iconButton", label: "样式199", icon: "linkedin"},
                    {view: "button", type: "iconButton", label: "样式200", icon: "rotate-left"},
                    {view: "button", type: "iconButton", label: "样式201", icon: "gavel"},
                    {view: "button", type: "iconButton", label: "样式202", icon: "dashboard"},
                    {view: "button", type: "iconButton", label: "样式203", icon: "comment-o"},
                    {view: "button", type: "iconButton", label: "样式204", icon: "comments-o"},
                    {view: "button", type: "iconButton", label: "样式205", icon: "bolt"},
                    {view: "button", type: "iconButton", label: "样式206", icon: "sitemap"},
                    {view: "button", type: "iconButton", label: "样式207", icon: "umbrella"},
                    {view: "button", type: "iconButton", label: "样式208", icon: "clipboard"},
                    {view: "button", type: "iconButton", label: "样式209", icon: "lightbulb-o"},
                    {view: "button", type: "iconButton", label: "样式210", icon: "exchange"},
                    {view: "button", type: "iconButton", label: "样式211", icon: "cloud-download"},
                    {view: "button", type: "iconButton", label: "样式212", icon: "cloud-upload"},
                    {view: "button", type: "iconButton", label: "样式213", icon: "user-md"},
                    {view: "button", type: "iconButton", label: "样式214", icon: "stethoscope"},
                    {view: "button", type: "iconButton", label: "样式215", icon: "suitcase"},
                    {view: "button", type: "iconButton", label: "样式216", icon: "bell-o"},
                    {view: "button", type: "iconButton", label: "样式217", icon: "coffee"},
                    {view: "button", type: "iconButton", label: "样式218", icon: "cutlery"},
                    {view: "button", type: "iconButton", label: "样式219", icon: "file-text-o"},
                    {view: "button", type: "iconButton", label: "样式220", icon: "building-o"},
                    {view: "button", type: "iconButton", label: "样式221", icon: "hospital-o"},
                    {view: "button", type: "iconButton", label: "样式222", icon: "ambulance"},
                    {view: "button", type: "iconButton", label: "样式223", icon: "medkit"},
                    {view: "button", type: "iconButton", label: "样式224", icon: "fighter-jet"},
                    {view: "button", type: "iconButton", label: "样式225", icon: "beer"},
                    {view: "button", type: "iconButton", label: "样式226", icon: "h-square"},
                    {view: "button", type: "iconButton", label: "样式227", icon: "plus-square"},
                    {view: "button", type: "iconButton", label: "样式228", icon: "angle-double-left"},
                    {view: "button", type: "iconButton", label: "样式229", icon: "angle-double-right"},
                    {view: "button", type: "iconButton", label: "样式230", icon: "angle-double-up"},
                    {view: "button", type: "iconButton", label: "样式231", icon: "angle-double-down"},
                    {view: "button", type: "iconButton", label: "样式232", icon: "angle-left"},
                    {view: "button", type: "iconButton", label: "样式233", icon: "angle-right"},
                    {view: "button", type: "iconButton", label: "样式234", icon: "angle-up"},
                    {view: "button", type: "iconButton", label: "样式235", icon: "angle-down"},
                    {view: "button", type: "iconButton", label: "样式236", icon: "desktop"},
                    {view: "button", type: "iconButton", label: "样式237", icon: "laptop"},
                    {view: "button", type: "iconButton", label: "样式238", icon: "tablet"},
                    {view: "button", type: "iconButton", label: "样式239", icon: "mobile-phone"},
                    {view: "button", type: "iconButton", label: "样式240", icon: "circle-o"},
                    {view: "button", type: "iconButton", label: "样式241", icon: "quote-left"},
                    {view: "button", type: "iconButton", label: "样式242", icon: "quote-right"},
                    {view: "button", type: "iconButton", label: "样式243", icon: "spinner"},
                    {view: "button", type: "iconButton", label: "样式244", icon: "circle"},
                    {view: "button", type: "iconButton", label: "样式245", icon: "mail-reply"},
                    {view: "button", type: "iconButton", label: "样式246", icon: "github-alt"},
                    {view: "button", type: "iconButton", label: "样式247", icon: "folder-o"},
                    {view: "button", type: "iconButton", label: "样式248", icon: "folder-open-o"},
                    {view: "button", type: "iconButton", label: "样式249", icon: "smile-o"},
                    {view: "button", type: "iconButton", label: "样式250", icon: "frown-o"},
                    {view: "button", type: "iconButton", label: "样式251", icon: "meh-o"},
                    {view: "button", type: "iconButton", label: "样式252", icon: "gamepad"},
                    {view: "button", type: "iconButton", label: "样式253", icon: "keyboard-o"},
                    {view: "button", type: "iconButton", label: "样式254", icon: "flag-o"},
                    {view: "button", type: "iconButton", label: "样式255", icon: "flag-checkered"},
                    {view: "button", type: "iconButton", label: "样式256", icon: "terminal"},
                    {view: "button", type: "iconButton", label: "样式257", icon: "code"},
                    {view: "button", type: "iconButton", label: "样式258", icon: "mail-reply-all"},
                    {view: "button", type: "iconButton", label: "样式259", icon: "star-half-empty"},
                    {view: "button", type: "iconButton", label: "样式260", icon: "location-arrow"},
                    {view: "button", type: "iconButton", label: "样式261", icon: "crop"},
                    {view: "button", type: "iconButton", label: "样式262", icon: "code-fork"},
                    {view: "button", type: "iconButton", label: "样式263", icon: "chain-broken"},
                    {view: "button", type: "iconButton", label: "样式264", icon: "question"},
                    {view: "button", type: "iconButton", label: "样式265", icon: "info"},
                    {view: "button", type: "iconButton", label: "样式266", icon: "exclamation"},
                    {view: "button", type: "iconButton", label: "样式267", icon: "superscript"},
                    {view: "button", type: "iconButton", label: "样式268", icon: "subscript"},
                    {view: "button", type: "iconButton", label: "样式269", icon: "eraser"},
                    {view: "button", type: "iconButton", label: "样式270", icon: "puzzle-piece"},
                    {view: "button", type: "iconButton", label: "样式271", icon: "microphone"},
                    {view: "button", type: "iconButton", label: "样式272", icon: "microphone-slash"},
                    {view: "button", type: "iconButton", label: "样式273", icon: "shield"},
                    {view: "button", type: "iconButton", label: "样式274", icon: "calendar-o"},
                    {view: "button", type: "iconButton", label: "样式275", icon: "fire-extinguisher"},
                    {view: "button", type: "iconButton", label: "样式276", icon: "rocket"},
                    {view: "button", type: "iconButton", label: "样式277", icon: "maxcdn"},
                    {view: "button", type: "iconButton", label: "样式278", icon: "chevron-circle-left"},
                    {view: "button", type: "iconButton", label: "样式279", icon: "chevron-circle-right"},
                    {view: "button", type: "iconButton", label: "样式280", icon: "chevron-circle-up"},
                    {view: "button", type: "iconButton", label: "样式281", icon: "chevron-circle-down"},
                    {view: "button", type: "iconButton", label: "样式282", icon: "html5"},
                    {view: "button", type: "iconButton", label: "样式283", icon: "css3"},
                    {view: "button", type: "iconButton", label: "样式284", icon: "anchor"},
                    {view: "button", type: "iconButton", label: "样式285", icon: "unlock-alt"},
                    {view: "button", type: "iconButton", label: "样式286", icon: "bullseye"},
                    {view: "button", type: "iconButton", label: "样式287", icon: "ellipsis-h"},
                    {view: "button", type: "iconButton", label: "样式288", icon: "ellipsis-v"},
                    {view: "button", type: "iconButton", label: "样式289", icon: "rss-square"},
                    {view: "button", type: "iconButton", label: "样式290", icon: "play-circle"},
                    {view: "button", type: "iconButton", label: "样式291", icon: "ticket"},
                    {view: "button", type: "iconButton", label: "样式292", icon: "minus-square"},
                    {view: "button", type: "iconButton", label: "样式293", icon: "minus-square-o"},
                    {view: "button", type: "iconButton", label: "样式294", icon: "level-up"},
                    {view: "button", type: "iconButton", label: "样式295", icon: "level-down"},
                    {view: "button", type: "iconButton", label: "样式296", icon: "check-square"},
                    {view: "button", type: "iconButton", label: "样式297", icon: "pencil-square"},
                    {view: "button", type: "iconButton", label: "样式298", icon: "external-link-square"},
                    {view: "button", type: "iconButton", label: "样式299", icon: "share-square"},
                    {view: "button", type: "iconButton", label: "样式300", icon: "compass"},
                    {view: "button", type: "iconButton", label: "样式301", icon: "caret-square-o-down"},
                    {view: "button", type: "iconButton", label: "样式302", icon: "caret-square-o-up"},
                    {view: "button", type: "iconButton", label: "样式303", icon: "caret-square-o-right"},
                    {view: "button", type: "iconButton", label: "样式304", icon: "eur"},
                    {view: "button", type: "iconButton", label: "样式305", icon: "gbp"},
                    {view: "button", type: "iconButton", label: "样式306", icon: "dollar"},
                    {view: "button", type: "iconButton", label: "样式307", icon: "inr"},
                    {view: "button", type: "iconButton", label: "样式308", icon: "cny"},
                    {view: "button", type: "iconButton", label: "样式309", icon: "rouble"},
                    {view: "button", type: "iconButton", label: "样式310", icon: "krw"},
                    {view: "button", type: "iconButton", label: "样式311", icon: "bitcoin"},
                    {view: "button", type: "iconButton", label: "样式312", icon: "file"},
                    {view: "button", type: "iconButton", label: "样式313", icon: "file-text"},
                    {view: "button", type: "iconButton", label: "样式314", icon: "sort-alpha-asc"},
                    {view: "button", type: "iconButton", label: "样式315", icon: "sort-alpha-desc"},
                    {view: "button", type: "iconButton", label: "样式316", icon: "sort-amount-asc"},
                    {view: "button", type: "iconButton", label: "样式317", icon: "sort-amount-desc"},
                    {view: "button", type: "iconButton", label: "样式318", icon: "sort-numeric-asc"},
                    {view: "button", type: "iconButton", label: "样式319", icon: "sort-numeric-desc"},
                    {view: "button", type: "iconButton", label: "样式320", icon: "thumbs-up"},
                    {view: "button", type: "iconButton", label: "样式321", icon: "thumbs-down"},
                    {view: "button", type: "iconButton", label: "样式322", icon: "youtube-square"},
                    {view: "button", type: "iconButton", label: "样式323", icon: "youtube"},
                    {view: "button", type: "iconButton", label: "样式324", icon: "xing"},
                    {view: "button", type: "iconButton", label: "样式325", icon: "xing-square"},
                    {view: "button", type: "iconButton", label: "样式326", icon: "youtube-play"},
                    {view: "button", type: "iconButton", label: "样式327", icon: "dropbox"},
                    {view: "button", type: "iconButton", label: "样式328", icon: "stack-overflow"},
                    {view: "button", type: "iconButton", label: "样式329", icon: "instagram"},
                    {view: "button", type: "iconButton", label: "样式330", icon: "flickr"},
                    {view: "button", type: "iconButton", label: "样式331", icon: "adn"},
                    {view: "button", type: "iconButton", label: "样式332", icon: "bitbucket"},
                    {view: "button", type: "iconButton", label: "样式333", icon: "bitbucket-square"},
                    {view: "button", type: "iconButton", label: "样式334", icon: "tumblr"},
                    {view: "button", type: "iconButton", label: "样式335", icon: "tumblr-square"},
                    {view: "button", type: "iconButton", label: "样式336", icon: "long-arrow-down"},
                    {view: "button", type: "iconButton", label: "样式337", icon: "long-arrow-up"},
                    {view: "button", type: "iconButton", label: "样式338", icon: "long-arrow-left"},
                    {view: "button", type: "iconButton", label: "样式339", icon: "long-arrow-right"},
                    {view: "button", type: "iconButton", label: "样式340", icon: "apple"},
                    {view: "button", type: "iconButton", label: "样式341", icon: "windows"},
                    {view: "button", type: "iconButton", label: "样式342", icon: "android"},
                    {view: "button", type: "iconButton", label: "样式343", icon: "linux"},
                    {view: "button", type: "iconButton", label: "样式344", icon: "dribbble"},
                    {view: "button", type: "iconButton", label: "样式345", icon: "skype"},
                    {view: "button", type: "iconButton", label: "样式346", icon: "foursquare"},
                    {view: "button", type: "iconButton", label: "样式347", icon: "trello"},
                    {view: "button", type: "iconButton", label: "样式348", icon: "female"},
                    {view: "button", type: "iconButton", label: "样式349", icon: "male"},
                    {view: "button", type: "iconButton", label: "样式350", icon: "gittip"},
                    {view: "button", type: "iconButton", label: "样式351", icon: "sun-o"},
                    {view: "button", type: "iconButton", label: "样式352", icon: "moon-o"},
                    {view: "button", type: "iconButton", label: "样式353", icon: "archive"},
                    {view: "button", type: "iconButton", label: "样式354", icon: "bug"},
                    {view: "button", type: "iconButton", label: "样式355", icon: "vk"},
                    {view: "button", type: "iconButton", label: "样式356", icon: "weibo"},
                    {view: "button", type: "iconButton", label: "样式357", icon: "renren"},
                    {view: "button", type: "iconButton", label: "样式358", icon: "pagelines"},
                    {view: "button", type: "iconButton", label: "样式359", icon: "stack-exchange"},
                    {view: "button", type: "iconButton", label: "样式360", icon: "arrow-circle-o-right"},
                    {view: "button", type: "iconButton", label: "样式361", icon: "arrow-circle-o-left"},
                    {view: "button", type: "iconButton", label: "样式362", icon: "caret-square-o-left"},
                    {view: "button", type: "iconButton", label: "样式363", icon: "dot-circle-o"},
                    {view: "button", type: "iconButton", label: "样式364", icon: "wheelchair"},
                    {view: "button", type: "iconButton", label: "样式365", icon: "vimeo-square"},
                    {view: "button", type: "iconButton", label: "样式366", icon: "try"},
                    {view: "button", type: "iconButton", label: "样式367", icon: "plus-square-o"},
                    {view: "button", type: "iconButton", label: "样式368", icon: "space-shuttle"},
                    {view: "button", type: "iconButton", label: "样式369", icon: "slack"},
                    {view: "button", type: "iconButton", label: "样式370", icon: "envelope-square"},
                    {view: "button", type: "iconButton", label: "样式371", icon: "wordpress"},
                    {view: "button", type: "iconButton", label: "样式372", icon: "openid"},
                    {view: "button", type: "iconButton", label: "样式373", icon: "bank"},
                    {view: "button", type: "iconButton", label: "样式374", icon: "graduation-cap"},
                    {view: "button", type: "iconButton", label: "样式375", icon: "yahoo"},
                    {view: "button", type: "iconButton", label: "样式376", icon: "google"},
                    {view: "button", type: "iconButton", label: "样式377", icon: "reddit"},
                    {view: "button", type: "iconButton", label: "样式378", icon: "reddit-square"},
                    {view: "button", type: "iconButton", label: "样式379", icon: "stumbleupon-circle"},
                    {view: "button", type: "iconButton", label: "样式380", icon: "stumbleupon"},
                    {view: "button", type: "iconButton", label: "样式381", icon: "delicious"},
                    {view: "button", type: "iconButton", label: "样式382", icon: "digg"},
                    {view: "button", type: "iconButton", label: "样式383", icon: "pied-piper"},
                    {view: "button", type: "iconButton", label: "样式384", icon: "pied-piper-alt"},
                    {view: "button", type: "iconButton", label: "样式385", icon: "drupal"},
                    {view: "button", type: "iconButton", label: "样式386", icon: "joomla"},
                    {view: "button", type: "iconButton", label: "样式387", icon: "language"},
                    {view: "button", type: "iconButton", label: "样式388", icon: "fax"},
                    {view: "button", type: "iconButton", label: "样式389", icon: "building"},
                    {view: "button", type: "iconButton", label: "样式390", icon: "child"},
                    {view: "button", type: "iconButton", label: "样式391", icon: "paw"},
                    {view: "button", type: "iconButton", label: "样式392", icon: "spoon"},
                    {view: "button", type: "iconButton", label: "样式393", icon: "cube"},
                    {view: "button", type: "iconButton", label: "样式394", icon: "cubes"},
                    {view: "button", type: "iconButton", label: "样式395", icon: "behance"},
                    {view: "button", type: "iconButton", label: "样式396", icon: "behance-square"},
                    {view: "button", type: "iconButton", label: "样式397", icon: "steam"},
                    {view: "button", type: "iconButton", label: "样式398", icon: "steam-square"},
                    {view: "button", type: "iconButton", label: "样式399", icon: "recycle"},
                    {view: "button", type: "iconButton", label: "样式400", icon: "automobile"},
                    {view: "button", type: "iconButton", label: "样式401", icon: "cab"},
                    {view: "button", type: "iconButton", label: "样式402", icon: "tree"},
                    {view: "button", type: "iconButton", label: "样式403", icon: "spotify"},
                    {view: "button", type: "iconButton", label: "样式404", icon: "deviantart"},
                    {view: "button", type: "iconButton", label: "样式405", icon: "soundcloud"},
                    {view: "button", type: "iconButton", label: "样式406", icon: "database"},
                    {view: "button", type: "iconButton", label: "样式407", icon: "file-pdf-o"},
                    {view: "button", type: "iconButton", label: "样式408", icon: "file-word-o"},
                    {view: "button", type: "iconButton", label: "样式409", icon: "file-excel-o"},
                    {view: "button", type: "iconButton", label: "样式410", icon: "file-powerpoint-o"},
                    {view: "button", type: "iconButton", label: "样式411", icon: "file-image-o"},
                    {view: "button", type: "iconButton", label: "样式412", icon: "file-archive-o"},
                    {view: "button", type: "iconButton", label: "样式413", icon: "file-audio-o"},
                    {view: "button", type: "iconButton", label: "样式414", icon: "file-movie-o"},
                    {view: "button", type: "iconButton", label: "样式415", icon: "file-code-o"},
                    {view: "button", type: "iconButton", label: "样式416", icon: "vine"},
                    {view: "button", type: "iconButton", label: "样式417", icon: "codepen"},
                    {view: "button", type: "iconButton", label: "样式418", icon: "jsfiddle"},
                    {view: "button", type: "iconButton", label: "样式419", icon: "life-bouy"},
                    {view: "button", type: "iconButton", label: "样式420", icon: "circle-o-notch"},
                    {view: "button", type: "iconButton", label: "样式421", icon: "ra"},
                    {view: "button", type: "iconButton", label: "样式422", icon: "empire"},
                    {view: "button", type: "iconButton", label: "样式423", icon: "git-square"},
                    {view: "button", type: "iconButton", label: "样式424", icon: "git"},
                    {view: "button", type: "iconButton", label: "样式425", icon: "hacker-news"},
                    {view: "button", type: "iconButton", label: "样式426", icon: "tencent-weibo"},
                    {view: "button", type: "iconButton", label: "样式427", icon: "qq"},
                    {view: "button", type: "iconButton", label: "样式428", icon: "wechat"},
                    {view: "button", type: "iconButton", label: "样式429", icon: "paper-plane"},
                    {view: "button", type: "iconButton", label: "样式430", icon: "paper-plane-o"},
                    {view: "button", type: "iconButton", label: "样式431", icon: "history"},
                    {view: "button", type: "iconButton", label: "样式432", icon: "circle-thin"},
                    {view: "button", type: "iconButton", label: "样式433", icon: "header"},
                    {view: "button", type: "iconButton", label: "样式434", icon: "paragraph"},
                    {view: "button", type: "iconButton", label: "样式435", icon: "sliders"},
                    {view: "button", type: "iconButton", label: "样式436", icon: "share-alt"},
                    {view: "button", type: "iconButton", label: "样式437", icon: "share-alt-square"},
                    {view: "button", type: "iconButton", label: "样式438", icon: "bomb"},
                    {view: "button", type: "iconButton", label: "样式439", icon: "futbol-o"},
                    {view: "button", type: "iconButton", label: "样式440", icon: "tty"},
                    {view: "button", type: "iconButton", label: "样式441", icon: "binoculars"},
                    {view: "button", type: "iconButton", label: "样式442", icon: "plug"},
                    {view: "button", type: "iconButton", label: "样式443", icon: "slideshare"},
                    {view: "button", type: "iconButton", label: "样式444", icon: "twitch"},
                    {view: "button", type: "iconButton", label: "样式445", icon: "yelp"},
                    {view: "button", type: "iconButton", label: "样式446", icon: "newspaper-o"},
                    {view: "button", type: "iconButton", label: "样式447", icon: "wifi"},
                    {view: "button", type: "iconButton", label: "样式448", icon: "calculator"},
                    {view: "button", type: "iconButton", label: "样式449", icon: "paypal"},
                    {view: "button", type: "iconButton", label: "样式450", icon: "google-wallet"},
                    {view: "button", type: "iconButton", label: "样式451", icon: "cc-visa"},
                    {view: "button", type: "iconButton", label: "样式452", icon: "cc-mastercard"},
                    {view: "button", type: "iconButton", label: "样式453", icon: "cc-discover"},
                    {view: "button", type: "iconButton", label: "样式454", icon: "cc-amex"},
                    {view: "button", type: "iconButton", label: "样式455", icon: "cc-paypal"},
                    {view: "button", type: "iconButton", label: "样式456", icon: "cc-stripe"},
                    {view: "button", type: "iconButton", label: "样式457", icon: "bell-slash"},
                    {view: "button", type: "iconButton", label: "样式458", icon: "bell-slash-o"},
                    {view: "button", type: "iconButton", label: "样式459", icon: "trash"},
                    {view: "button", type: "iconButton", label: "样式460", icon: "copyright"},
                    {view: "button", type: "iconButton", label: "样式461", icon: "at"},
                    {view: "button", type: "iconButton", label: "样式462", icon: "eyedropper"},
                    {view: "button", type: "iconButton", label: "样式463", icon: "paint-brush"},
                    {view: "button", type: "iconButton", label: "样式464", icon: "birthday-cake"},
                    {view: "button", type: "iconButton", label: "样式465", icon: "area-chart"},
                    {view: "button", type: "iconButton", label: "样式466", icon: "pie-chart"},
                    {view: "button", type: "iconButton", label: "样式467", icon: "line-chart"},
                    {view: "button", type: "iconButton", label: "样式468", icon: "lastfm"},
                    {view: "button", type: "iconButton", label: "样式469", icon: "lastfm-square"},
                    {view: "button", type: "iconButton", label: "样式470", icon: "toggle-off"},
                    {view: "button", type: "iconButton", label: "样式471", icon: "toggle-on"},
                    {view: "button", type: "iconButton", label: "样式472", icon: "bicycle"},
                    {view: "button", type: "iconButton", label: "样式473", icon: "bus"},
                    {view: "button", type: "iconButton", label: "样式474", icon: "ioxhost"},
                    {view: "button", type: "iconButton", label: "样式475", icon: "angellist"},
                    {view: "button", type: "iconButton", label: "样式476", icon: "cc"},
                    {view: "button", type: "iconButton", label: "样式477", icon: "ils"},
                    {view: "button", type: "iconButton", label: "样式478", icon: "meanpath"},
                    {view: "button", type: "iconButton", label: "样式479", icon: "buysellads"},
                    {view: "button", type: "iconButton", label: "样式480", icon: "connectdevelop"},
                    {view: "button", type: "iconButton", label: "样式481", icon: "dashcube"},
                    {view: "button", type: "iconButton", label: "样式482", icon: "forumbee"},
                    {view: "button", type: "iconButton", label: "样式483", icon: "leanpub"},
                    {view: "button", type: "iconButton", label: "样式484", icon: "sellsy"},
                    {view: "button", type: "iconButton", label: "样式485", icon: "shirtsinbulk"},
                    {view: "button", type: "iconButton", label: "样式486", icon: "simplybuilt"},
                    {view: "button", type: "iconButton", label: "样式487", icon: "skyatlas"},
                    {view: "button", type: "iconButton", label: "样式488", icon: "cart-plus"},
                    {view: "button", type: "iconButton", label: "样式489", icon: "cart-arrow-down"},
                    {view: "button", type: "iconButton", label: "样式490", icon: "diamond"},
                    {view: "button", type: "iconButton", label: "样式491", icon: "ship"},
                    {view: "button", type: "iconButton", label: "样式492", icon: "user-secret"},
                    {view: "button", type: "iconButton", label: "样式493", icon: "motorcycle"},
                    {view: "button", type: "iconButton", label: "样式494", icon: "street-view"},
                    {view: "button", type: "iconButton", label: "样式495", icon: "heartbeat"},
                    {view: "button", type: "iconButton", label: "样式496", icon: "venus"},
                    {view: "button", type: "iconButton", label: "样式497", icon: "mars"},
                    {view: "button", type: "iconButton", label: "样式498", icon: "mercury"},
                    {view: "button", type: "iconButton", label: "样式499", icon: "transgender"},
                    {view: "button", type: "iconButton", label: "样式500", icon: "transgender-alt"},
                    {view: "button", type: "iconButton", label: "样式501", icon: "venus-double"},
                    {view: "button", type: "iconButton", label: "样式502", icon: "mars-double"},
                    {view: "button", type: "iconButton", label: "样式503", icon: "venus-mars"},
                    {view: "button", type: "iconButton", label: "样式504", icon: "mars-stroke"},
                    {view: "button", type: "iconButton", label: "样式505", icon: "mars-stroke-v"},
                    {view: "button", type: "iconButton", label: "样式506", icon: "mars-stroke-h"},
                    {view: "button", type: "iconButton", label: "样式507", icon: "neuter"},
                    {view: "button", type: "iconButton", label: "样式508", icon: "facebook-official"},
                    {view: "button", type: "iconButton", label: "样式509", icon: "pinterest-p"},
                    {view: "button", type: "iconButton", label: "样式510", icon: "whatsapp"},
                    {view: "button", type: "iconButton", label: "样式511", icon: "server"},
                    {view: "button", type: "iconButton", label: "样式512", icon: "user-plus"},
                    {view: "button", type: "iconButton", label: "样式513", icon: "user-times"},
                    {view: "button", type: "iconButton", label: "样式514", icon: "bed"},
                    {view: "button", type: "iconButton", label: "样式515", icon: "viacoin"},
                    {view: "button", type: "iconButton", label: "样式516", icon: "train"},
                    {view: "button", type: "iconButton", label: "样式517", icon: "subway"},
                    {view: "button", type: "iconButton", label: "样式518", icon: "medium"}

                ]
            }
        ]
    }).show();

</script>
</body>
</html>

 

以上是关于webix icon 图标的主要内容,如果未能解决你的问题,请参考以下文章

Webix Filemanager 添加自定义堆叠字体真棒图标

使用 blaze (meteor) 模板引擎在 Iron-icons 中设置的 Polymer 1.0 默认图标不工作

icon图标代码

[代码]如何在选择画面中显示图标(ICON)

ICON 图标使用

icon小图标