Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

StackEdit Icons

I recently came across a webapp called StackEdit which lets you create HTML documents while typing in (almost) plain text, using the Markdown syntax (that is also implemented here on StackExchange) to convert text to HTML. The introductory document has certain icon codes like <i class='icon-upload'></i> which generates (I assume) HTML icons.

Does anyone know where I can find a list(exhaustive would be very good) of icon codes for various purposes? Apparently, going by the credits in the 'About' section, it implements this using something called Font Awesome but the codes listed there don't seem to work in StackEdit. Maybe it implements some code but has it's own list of icon codes. Any help?

like image 311
Guy Avatar asked Mar 09 '14 08:03

Guy


2 Answers

https://stackedit.io/res/libs/fontello/demo.html

(I'm the developer of StackEdit)

like image 89
benweet Avatar answered Nov 11 '22 01:11

benweet


Here's a non-authoritative list I created by scraping the CSS. I ran this script in the JavaScript console while StackEdit was open to get the list:

var classes = {};
[].forEach.call(document.styleSheets, function(ss){
    [].forEach.call(ss.cssRules, function(r) {
        if (r.selectorText) {
            r.selectorText.split(/,\s*/).forEach(function(sel){
                if (/^\.(icon-[a-z\d-]+)/i.test(sel)) {
                    classes[RegExp.$1] = null;
                }
            });
        }
    });
});
var classList = Object.getOwnPropertyNames(classes);
like image 34
gilly3 Avatar answered Nov 11 '22 02:11

gilly3