选择的 FontAwesome 图标的完整列表

【问题标题】：Complete list of FontAwesome Icons for Select选择的 FontAwesome 图标的完整列表
【发布时间】：2015-03-11 16:04:09
【问题描述】：

我正在尝试使用 FontAwesome 图标的完整 (v 4.2) 列表填充 Select Dropdown。我能找到的最接近的列表是here，但它已经完全过时了。有没有人可以参考我的清单？

【问题讨论】：

嗯...你在找这个吗：fortawesome.github.io/Font-Awesome/cheatsheet？
这是一个很棒的资源（我经常使用它），不。我本质上是在寻找<optgroup label="Web Application Icons"> <option value="adjust">adjust</option> <option value="asterisk">asterisk</option> <option value="ban-circle">ban-circle</option>

标签： twitter-bootstrap select font-awesome-4

【解决方案1】：

此 URL：http://fortawesome.github.io/Font-Awesome/icons/ 包含所有图标的列表。虽然它不是您描述的格式，但我们可以使用一些 jquery 将其转换为您想要的格式：

$.map($("h2").map(function(){ 
    var a = $(this).nextAll(".row:first").find("a").map(function(){ 
        return $(this).attr('href').split("/").slice(-1)[0]; 
    }); 
    return {title: $(this).html(), options: a} 
}), function(object){ return "<optgroup label='"+object.title+"'>"+$.map($.unique(object.options), function(option){ return "<option>"+option+"</option>"; }).join("")+"</optgroup>"; }).join("");

生成此列表：http://pastebin.com/NQ1S7RJF

（请记住，这是一个唯一图标列表 - 它不会包含例如：file-sound-o，因为它是 file-audio-o 的别名）

【讨论】：