Skip to content

Instantly share code, notes, and snippets.

@atxiii
Last active March 5, 2022 20:43
Show Gist options
  • Save atxiii/da081c86f15dc5eafded3360ad960fad to your computer and use it in GitHub Desktop.
Save atxiii/da081c86f15dc5eafded3360ad960fad to your computer and use it in GitHub Desktop.
font awesome 4.7 for select html
<i class="fa fa-500px"></i>
<select class="fa" id='fontSelect'></select>
const charFa = ['&#xf26e;','&#xf2b9;','&#xf2ba;','&#xf2bb;','&#xf2bc;','&#xf042;','&#xf170;','&#xf037;','&#xf039;','&#xf036;','&#xf038;','&#xf270;','&#xf0f9;','&#xf2a3;','&#xf13d;','&#xf17b;','&#xf209;','&#xf103;','&#xf100;','&#xf101;','&#xf102;','&#xf107;','&#xf104;','&#xf105;','&#xf106;','&#xf179;','&#xf187;','&#xf1fe;','&#xf0ab;','&#xf0a8;','&#xf01a;','&#xf190;','&#xf18e;','&#xf01b;','&#xf0a9;','&#xf0aa;','&#xf063;','&#xf060;','&#xf061;','&#xf062;','&#xf047;','&#xf0b2;','&#xf07e;','&#xf07d;','&#xf2a3;','&#xf2a2;','&#xf069;','&#xf1fa;','&#xf29e;','&#xf1b9;','&#xf04a;','&#xf24e;','&#xf05e;','&#xf2d5;','&#xf19c;','&#xf080;','&#xf080;','&#xf02a;','&#xf0c9;','&#xf2cd;','&#xf2cd;','&#xf240;','&#xf244;','&#xf243;','&#xf242;','&#xf241;','&#xf240;','&#xf244;','&#xf240;','&#xf242;','&#xf243;','&#xf241;','&#xf236;','&#xf0fc;','&#xf1b4;','&#xf1b5;','&#xf0f3;','&#xf0a2;','&#xf1f6;','&#xf1f7;','&#xf206;','&#xf1e5;','&#xf1fd;','&#xf171;','&#xf172;','&#xf15a;','&#xf27e;','&#xf29d;','&#xf293;','&#xf294;','&#xf032;','&#xf0e7;','&#xf1e2;','&#xf02d;','&#xf02e;','&#xf097;','&#xf2a1;','&#xf0b1;','&#xf15a;','&#xf188;','&#xf1ad;','&#xf0f7;','&#xf0a1;','&#xf140;','&#xf207;','&#xf20d;','&#xf1ba;','&#xf1ec;','&#xf073;','&#xf274;','&#xf272;','&#xf133;','&#xf271;','&#xf273;','&#xf030;','&#xf083;','&#xf1b9;','&#xf0d7;','&#xf0d9;','&#xf0da;','&#xf150;','&#xf191;','&#xf152;','&#xf151;','&#xf0d8;','&#xf218;','&#xf217;','&#xf20a;','&#xf1f3;','&#xf24c;','&#xf1f2;','&#xf24b;','&#xf1f1;','&#xf1f4;','&#xf1f5;','&#xf1f0;','&#xf0a3;','&#xf0c1;','&#xf127;','&#xf00c;','&#xf058;','&#xf05d;','&#xf14a;','&#xf046;','&#xf13a;','&#xf137;','&#xf138;','&#xf139;','&#xf078;','&#xf053;','&#xf054;','&#xf077;','&#xf1ae;','&#xf268;','&#xf111;','&#xf10c;','&#xf1ce;','&#xf1db;','&#xf0ea;','&#xf017;','&#xf24d;','&#xf00d;','&#xf0c2;','&#xf0ed;','&#xf0ee;','&#xf157;','&#xf121;','&#xf126;','&#xf1cb;','&#xf284;','&#xf0f4;','&#xf013;','&#xf085;','&#xf0db;','&#xf075;','&#xf0e5;','&#xf27a;','&#xf27b;','&#xf086;','&#xf0e6;','&#xf14e;','&#xf066;','&#xf20e;','&#xf26d;','&#xf0c5;','&#xf1f9;','&#xf25e;','&#xf09d;','&#xf283;','&#xf125;','&#xf05b;','&#xf13c;','&#xf1b2;','&#xf1b3;','&#xf0c4;','&#xf0f5;','&#xf0e4;','&#xf210;','&#xf1c0;','&#xf2a4;','&#xf2a4;','&#xf03b;','&#xf1a5;','&#xf108;','&#xf1bd;','&#xf219;','&#xf1a6;','&#xf155;','&#xf192;','&#xf019;','&#xf17d;','&#xf2c2;','&#xf2c3;','&#xf16b;','&#xf1a9;','&#xf282;','&#xf044;','&#xf2da;','&#xf052;','&#xf141;','&#xf142;','&#xf1d1;','&#xf0e0;','&#xf003;','&#xf2b6;','&#xf2b7;','&#xf199;','&#xf299;','&#xf12d;','&#xf2d7;','&#xf153;','&#xf153;','&#xf0ec;','&#xf12a;','&#xf06a;','&#xf071;','&#xf065;','&#xf23e;','&#xf08e;','&#xf14c;','&#xf06e;','&#xf070;','&#xf1fb;','&#xf2b4;','&#xf09a;','&#xf09a;','&#xf230;','&#xf082;','&#xf049;','&#xf050;','&#xf1ac;','&#xf09e;','&#xf182;','&#xf0fb;','&#xf15b;','&#xf1c6;','&#xf1c7;','&#xf1c9;','&#xf1c3;','&#xf1c5;','&#xf1c8;','&#xf016;','&#xf1c1;','&#xf1c5;','&#xf1c5;','&#xf1c4;','&#xf1c7;','&#xf15c;','&#xf0f6;','&#xf1c8;','&#xf1c2;','&#xf1c6;','&#xf0c5;','&#xf008;','&#xf0b0;','&#xf06d;','&#xf134;','&#xf269;','&#xf2b0;','&#xf024;','&#xf11e;','&#xf11d;','&#xf0e7;','&#xf0c3;','&#xf16e;','&#xf0c7;','&#xf07b;','&#xf114;','&#xf07c;','&#xf115;','&#xf031;','&#xf2b4;','&#xf280;','&#xf286;','&#xf211;','&#xf04e;','&#xf180;','&#xf2c5;','&#xf119;','&#xf1e3;','&#xf11b;','&#xf0e3;','&#xf154;','&#xf1d1;','&#xf013;','&#xf085;','&#xf22d;','&#xf265;','&#xf260;','&#xf261;','&#xf06b;','&#xf1d3;','&#xf1d2;','&#xf09b;','&#xf113;','&#xf092;','&#xf296;','&#xf184;','&#xf000;','&#xf2a5;','&#xf2a6;','&#xf0ac;','&#xf1a0;','&#xf0d5;','&#xf2b3;','&#xf2b3;','&#xf0d4;','&#xf1ee;','&#xf19d;','&#xf184;','&#xf2d6;','&#xf0c0;','&#xf0fd;','&#xf1d4;','&#xf255;','&#xf258;','&#xf0a7;','&#xf0a5;','&#xf0a4;','&#xf0a6;','&#xf256;','&#xf25b;','&#xf25a;','&#xf255;','&#xf257;','&#xf259;','&#xf256;','&#xf2b5;','&#xf2a4;','&#xf292;','&#xf0a0;','&#xf1dc;','&#xf025;','&#xf004;','&#xf08a;','&#xf21e;','&#xf1da;','&#xf015;','&#xf0f8;','&#xf236;','&#xf254;','&#xf251;','&#xf252;','&#xf253;','&#xf253;','&#xf252;','&#xf250;','&#xf251;','&#xf27c;','&#xf13b;','&#xf246;','&#xf2c1;','&#xf2c2;','&#xf2c3;','&#xf20b;','&#xf03e;','&#xf2d8;','&#xf01c;','&#xf03c;','&#xf275;','&#xf129;','&#xf05a;','&#xf156;','&#xf16d;','&#xf19c;','&#xf26b;','&#xf224;','&#xf208;','&#xf033;','&#xf1aa;','&#xf157;','&#xf1cc;','&#xf084;','&#xf11c;','&#xf159;','&#xf1ab;','&#xf109;','&#xf202;','&#xf203;','&#xf06c;','&#xf212;','&#xf0e3;','&#xf094;','&#xf149;','&#xf148;','&#xf1cd;','&#xf1cd;','&#xf1cd;','&#xf1cd;','&#xf0eb;','&#xf201;','&#xf0c1;','&#xf0e1;','&#xf08c;','&#xf2b8;','&#xf17c;','&#xf03a;','&#xf022;','&#xf0cb;','&#xf0ca;','&#xf124;','&#xf023;','&#xf175;','&#xf177;','&#xf178;','&#xf176;','&#xf2a8;','&#xf0d0;','&#xf076;','&#xf064;','&#xf112;','&#xf122;','&#xf183;','&#xf279;','&#xf041;','&#xf278;','&#xf276;','&#xf277;','&#xf222;','&#xf227;','&#xf229;','&#xf22b;','&#xf22a;','&#xf136;','&#xf20c;','&#xf23a;','&#xf0fa;','&#xf2e0;','&#xf11a;','&#xf223;','&#xf2db;','&#xf130;','&#xf131;','&#xf068;','&#xf056;','&#xf146;','&#xf147;','&#xf289;','&#xf10b;','&#xf10b;','&#xf285;','&#xf0d6;','&#xf186;','&#xf19d;','&#xf21c;','&#xf245;','&#xf001;','&#xf0c9;','&#xf22c;','&#xf1ea;','&#xf247;','&#xf248;','&#xf263;','&#xf264;','&#xf23d;','&#xf19b;','&#xf26a;','&#xf23c;','&#xf03b;','&#xf18c;','&#xf1fc;','&#xf1d8;','&#xf1d9;','&#xf0c6;','&#xf1dd;','&#xf0ea;','&#xf04c;','&#xf28b;','&#xf28c;','&#xf1b0;','&#xf1ed;','&#xf040;','&#xf14b;','&#xf044;','&#xf295;','&#xf095;','&#xf098;','&#xf03e;','&#xf03e;','&#xf200;','&#xf2ae;','&#xf1a8;','&#xf1a7;','&#xf0d2;','&#xf231;','&#xf0d3;','&#xf072;','&#xf04b;','&#xf144;','&#xf01d;','&#xf1e6;','&#xf067;','&#xf055;','&#xf0fe;','&#xf196;','&#xf2ce;','&#xf011;','&#xf02f;','&#xf288;','&#xf12e;','&#xf1d6;','&#xf029;','&#xf128;','&#xf059;','&#xf29c;','&#xf2c4;','&#xf10d;','&#xf10e;','&#xf1d0;','&#xf074;','&#xf2d9;','&#xf1d0;','&#xf1b8;','&#xf1a1;','&#xf281;','&#xf1a2;','&#xf021;','&#xf25d;','&#xf00d;','&#xf18b;','&#xf0c9;','&#xf01e;','&#xf112;','&#xf122;','&#xf1d0;','&#xf079;','&#xf157;','&#xf018;','&#xf135;','&#xf0e2;','&#xf01e;','&#xf158;','&#xf09e;','&#xf143;','&#xf158;','&#xf158;','&#xf156;','&#xf2cd;','&#xf267;','&#xf0c7;','&#xf0c4;','&#xf28a;','&#xf002;','&#xf010;','&#xf00e;','&#xf213;','&#xf1d8;','&#xf1d9;','&#xf233;','&#xf064;','&#xf1e0;','&#xf1e1;','&#xf14d;','&#xf045;','&#xf20b;','&#xf20b;','&#xf132;','&#xf21a;','&#xf214;','&#xf290;','&#xf291;','&#xf07a;','&#xf2cc;','&#xf090;','&#xf2a7;','&#xf08b;','&#xf012;','&#xf2a7;','&#xf215;','&#xf0e8;','&#xf216;','&#xf17e;','&#xf198;','&#xf1de;','&#xf1e7;','&#xf118;','&#xf2ab;','&#xf2ac;','&#xf2ad;','&#xf2dc;','&#xf1e3;','&#xf0dc;','&#xf15d;','&#xf15e;','&#xf160;','&#xf161;','&#xf0de;','&#xf0dd;','&#xf0dd;','&#xf162;','&#xf163;','&#xf0de;','&#xf1be;','&#xf197;','&#xf110;','&#xf1b1;','&#xf1bc;','&#xf0c8;','&#xf096;','&#xf18d;','&#xf16c;','&#xf005;','&#xf089;','&#xf123;','&#xf123;','&#xf123;','&#xf006;','&#xf1b6;','&#xf1b7;','&#xf048;','&#xf051;','&#xf0f1;','&#xf249;','&#xf24a;','&#xf04d;','&#xf28d;','&#xf28e;','&#xf21d;','&#xf0cc;','&#xf1a4;','&#xf1a3;','&#xf12c;','&#xf239;','&#xf0f2;','&#xf185;','&#xf2dd;','&#xf12b;','&#xf1cd;','&#xf0ce;','&#xf10a;','&#xf0e4;','&#xf02b;','&#xf02c;','&#xf0ae;','&#xf1ba;','&#xf2c6;','&#xf26c;','&#xf1d5;','&#xf120;','&#xf034;','&#xf035;','&#xf00a;','&#xf009;','&#xf00b;','&#xf2b2;','&#xf2c7;','&#xf2cb;','&#xf2ca;','&#xf2c9;','&#xf2c8;','&#xf2c7;','&#xf2cb;','&#xf2c7;','&#xf2c9;','&#xf2ca;','&#xf2c8;','&#xf08d;','&#xf165;','&#xf088;','&#xf087;','&#xf164;','&#xf145;','&#xf00d;','&#xf057;','&#xf05c;','&#xf2d3;','&#xf2d4;','&#xf043;','&#xf150;','&#xf191;','&#xf204;','&#xf205;','&#xf152;','&#xf151;','&#xf25c;','&#xf238;','&#xf224;','&#xf225;','&#xf1f8;','&#xf014;','&#xf1bb;','&#xf181;','&#xf262;','&#xf091;','&#xf0d1;','&#xf195;','&#xf1e4;','&#xf173;','&#xf174;','&#xf195;','&#xf26c;','&#xf1e8;','&#xf099;','&#xf081;','&#xf0e9;','&#xf0cd;','&#xf0e2;','&#xf29a;','&#xf19c;','&#xf127;','&#xf09c;','&#xf13e;','&#xf0dc;','&#xf093;','&#xf287;','&#xf155;','&#xf007;','&#xf2bd;','&#xf2be;','&#xf0f0;','&#xf2c0;','&#xf234;','&#xf21b;','&#xf235;','&#xf0c0;','&#xf2bb;','&#xf2bc;','&#xf221;','&#xf226;','&#xf228;','&#xf237;','&#xf2a9;','&#xf2aa;','&#xf03d;','&#xf27d;','&#xf194;','&#xf1ca;','&#xf189;','&#xf2a0;','&#xf027;','&#xf026;','&#xf028;','&#xf071;','&#xf1d7;','&#xf18a;','&#xf1d7;','&#xf232;','&#xf193;','&#xf29b;','&#xf1eb;','&#xf266;','&#xf2d3;','&#xf2d4;','&#xf2d0;','&#xf2d1;','&#xf2d2;','&#xf17a;','&#xf159;','&#xf19a;','&#xf297;','&#xf2de;','&#xf298;','&#xf0ad;','&#xf168;','&#xf169;','&#xf23b;','&#xf1d4;','&#xf19e;','&#xf23b;','&#xf1d4;','&#xf1e9;','&#xf157;','&#xf2b1;','&#xf167;','&#xf16a;','&#xf166;']
const nameCharFa = [
'fa-500px','fa-address-book','fa-address-book-o','fa-address-card','fa-address-card-o','fa-adjust','fa-adn','fa-align-center','fa-align-justify','fa-align-left','fa-align-right','fa-amazon','fa-ambulance','fa-american-sign-language-interpreting','fa-anchor','fa-android','fa-angellist','fa-angle-double-down','fa-angle-double-left','fa-angle-double-right','fa-angle-double-up','fa-angle-down','fa-angle-left','fa-angle-right','fa-angle-up','fa-apple','fa-archive','fa-area-chart','fa-arrow-circle-down','fa-arrow-circle-left','fa-arrow-circle-o-down','fa-arrow-circle-o-left','fa-arrow-circle-o-right','fa-arrow-circle-o-up','fa-arrow-circle-right','fa-arrow-circle-up','fa-arrow-down','fa-arrow-left','fa-arrow-right','fa-arrow-up','fa-arrows','fa-arrows-alt','fa-arrows-h','fa-arrows-v','fa-asl-interpreting','fa-assistive-listening-systems','fa-asterisk','fa-at','fa-audio-description','fa-automobile','fa-backward','fa-balance-scale','fa-ban','fa-bandcamp','fa-bank','fa-bar-chart','fa-bar-chart-o','fa-barcode','fa-bars','fa-bath','fa-bathtub','fa-battery','fa-battery-0','fa-battery-1','fa-battery-2','fa-battery-3','fa-battery-4','fa-battery-empty','fa-battery-full','fa-battery-half','fa-battery-quarter','fa-battery-three-quarters','fa-bed','fa-beer','fa-behance','fa-behance-square','fa-bell','fa-bell-o','fa-bell-slash','fa-bell-slash-o','fa-bicycle','fa-binoculars','fa-birthday-cake','fa-bitbucket','fa-bitbucket-square','fa-bitcoin','fa-black-tie','fa-blind','fa-bluetooth','fa-bluetooth-b','fa-bold','fa-bolt','fa-bomb','fa-book','fa-bookmark','fa-bookmark-o','fa-braille','fa-briefcase','fa-btc','fa-bug','fa-building','fa-building-o','fa-bullhorn','fa-bullseye','fa-bus','fa-buysellads','fa-cab','fa-calculator','fa-calendar','fa-calendar-check-o','fa-calendar-minus-o','fa-calendar-o','fa-calendar-plus-o','fa-calendar-times-o','fa-camera','fa-camera-retro','fa-car','fa-caret-down','fa-caret-left','fa-caret-right','fa-caret-square-o-down','fa-caret-square-o-left','fa-caret-square-o-right','fa-caret-square-o-up','fa-caret-up','fa-cart-arrow-down','fa-cart-plus','fa-cc','fa-cc-amex','fa-cc-diners-club','fa-cc-discover','fa-cc-jcb','fa-cc-mastercard','fa-cc-paypal','fa-cc-stripe','fa-cc-visa','fa-certificate','fa-chain','fa-chain-broken','fa-check','fa-check-circle','fa-check-circle-o','fa-check-square','fa-check-square-o','fa-chevron-circle-down','fa-chevron-circle-left','fa-chevron-circle-right','fa-chevron-circle-up','fa-chevron-down','fa-chevron-left','fa-chevron-right','fa-chevron-up','fa-child','fa-chrome','fa-circle','fa-circle-o','fa-circle-o-notch','fa-circle-thin','fa-clipboard','fa-clock-o','fa-clone','fa-close','fa-cloud','fa-cloud-download','fa-cloud-upload','fa-cny','fa-code','fa-code-fork','fa-codepen','fa-codiepie','fa-coffee','fa-cog','fa-cogs','fa-columns','fa-comment','fa-comment-o','fa-commenting','fa-commenting-o','fa-comments','fa-comments-o','fa-compass','fa-compress','fa-connectdevelop','fa-contao','fa-copy','fa-copyright','fa-creative-commons','fa-credit-card','fa-credit-card-alt','fa-crop','fa-crosshairs','fa-css3','fa-cube','fa-cubes','fa-cut','fa-cutlery','fa-dashboard','fa-dashcube','fa-database','fa-deaf','fa-deafness','fa-dedent','fa-delicious','fa-desktop','fa-deviantart','fa-diamond','fa-digg','fa-dollar','fa-dot-circle-o','fa-download','fa-dribbble','fa-drivers-license','fa-drivers-license-o','fa-dropbox','fa-drupal','fa-edge','fa-edit','fa-eercast','fa-eject','fa-ellipsis-h','fa-ellipsis-v','fa-empire','fa-envelope','fa-envelope-o','fa-envelope-open','fa-envelope-open-o','fa-envelope-square','fa-envira','fa-eraser','fa-etsy','fa-eur','fa-euro','fa-exchange','fa-exclamation','fa-exclamation-circle','fa-exclamation-triangle','fa-expand','fa-expeditedssl','fa-external-link','fa-external-link-square','fa-eye','fa-eye-slash','fa-eyedropper','fa-fa','fa-facebook','fa-facebook-f','fa-facebook-official','fa-facebook-square','fa-fast-backward','fa-fast-forward','fa-fax','fa-feed','fa-female','fa-fighter-jet','fa-file','fa-file-archive-o','fa-file-audio-o','fa-file-code-o','fa-file-excel-o','fa-file-image-o','fa-file-movie-o','fa-file-o','fa-file-pdf-o','fa-file-photo-o','fa-file-picture-o','fa-file-powerpoint-o','fa-file-sound-o','fa-file-text','fa-file-text-o','fa-file-video-o','fa-file-word-o','fa-file-zip-o','fa-files-o','fa-film','fa-filter','fa-fire','fa-fire-extinguisher','fa-firefox','fa-first-order','fa-flag','fa-flag-checkered','fa-flag-o','fa-flash','fa-flask','fa-flickr','fa-floppy-o','fa-folder','fa-folder-o','fa-folder-open','fa-folder-open-o','fa-font','fa-font-awesome','fa-fonticons','fa-fort-awesome','fa-forumbee','fa-forward','fa-foursquare','fa-free-code-camp','fa-frown-o','fa-futbol-o','fa-gamepad','fa-gavel','fa-gbp','fa-ge','fa-gear','fa-gears','fa-genderless','fa-get-pocket','fa-gg','fa-gg-circle','fa-gift','fa-git','fa-git-square','fa-github','fa-github-alt','fa-github-square','fa-gitlab','fa-gittip','fa-glass','fa-glide','fa-glide-g','fa-globe','fa-google','fa-google-plus','fa-google-plus-circle','fa-google-plus-official','fa-google-plus-square','fa-google-wallet','fa-graduation-cap','fa-gratipay','fa-grav','fa-group','fa-h-square','fa-hacker-news','fa-hand-grab-o','fa-hand-lizard-o','fa-hand-o-down','fa-hand-o-left','fa-hand-o-right','fa-hand-o-up','fa-hand-paper-o','fa-hand-peace-o','fa-hand-pointer-o','fa-hand-rock-o','fa-hand-scissors-o','fa-hand-spock-o','fa-hand-stop-o','fa-handshake-o','fa-hard-of-hearing','fa-hashtag','fa-hdd-o','fa-header','fa-headphones','fa-heart','fa-heart-o','fa-heartbeat','fa-history','fa-home','fa-hospital-o','fa-hotel','fa-hourglass','fa-hourglass-1','fa-hourglass-2','fa-hourglass-3','fa-hourglass-end','fa-hourglass-half','fa-hourglass-o','fa-hourglass-start','fa-houzz','fa-html5','fa-i-cursor','fa-id-badge','fa-id-card','fa-id-card-o','fa-ils','fa-image','fa-imdb','fa-inbox','fa-indent','fa-industry','fa-info','fa-info-circle','fa-inr','fa-instagram','fa-institution','fa-internet-explorer','fa-intersex','fa-ioxhost','fa-italic','fa-joomla','fa-jpy','fa-jsfiddle','fa-key','fa-keyboard-o','fa-krw','fa-language','fa-laptop','fa-lastfm','fa-lastfm-square','fa-leaf','fa-leanpub','fa-legal','fa-lemon-o','fa-level-down','fa-level-up','fa-life-bouy','fa-life-buoy','fa-life-ring','fa-life-saver','fa-lightbulb-o','fa-line-chart','fa-link','fa-linkedin','fa-linkedin-square','fa-linode','fa-linux','fa-list','fa-list-alt','fa-list-ol','fa-list-ul','fa-location-arrow','fa-lock','fa-long-arrow-down','fa-long-arrow-left','fa-long-arrow-right','fa-long-arrow-up','fa-low-vision','fa-magic','fa-magnet','fa-mail-forward','fa-mail-reply','fa-mail-reply-all','fa-male','fa-map','fa-map-marker','fa-map-o','fa-map-pin','fa-map-signs','fa-mars','fa-mars-double','fa-mars-stroke','fa-mars-stroke-h','fa-mars-stroke-v','fa-maxcdn','fa-meanpath','fa-medium','fa-medkit','fa-meetup','fa-meh-o','fa-mercury','fa-microchip','fa-microphone','fa-microphone-slash','fa-minus','fa-minus-circle','fa-minus-square','fa-minus-square-o','fa-mixcloud','fa-mobile','fa-mobile-phone','fa-modx','fa-money','fa-moon-o','fa-mortar-board','fa-motorcycle','fa-mouse-pointer','fa-music','fa-navicon','fa-neuter','fa-newspaper-o','fa-object-group','fa-object-ungroup','fa-odnoklassniki','fa-odnoklassniki-square','fa-opencart','fa-openid','fa-opera','fa-optin-monster','fa-outdent','fa-pagelines','fa-paint-brush','fa-paper-plane','fa-paper-plane-o','fa-paperclip','fa-paragraph','fa-paste','fa-pause','fa-pause-circle','fa-pause-circle-o','fa-paw','fa-paypal','fa-pencil','fa-pencil-square','fa-pencil-square-o','fa-percent','fa-phone','fa-phone-square','fa-photo','fa-picture-o','fa-pie-chart','fa-pied-piper','fa-pied-piper-alt','fa-pied-piper-pp','fa-pinterest','fa-pinterest-p','fa-pinterest-square','fa-plane','fa-play','fa-play-circle','fa-play-circle-o','fa-plug','fa-plus','fa-plus-circle','fa-plus-square','fa-plus-square-o','fa-podcast','fa-power-off','fa-print','fa-product-hunt','fa-puzzle-piece','fa-qq','fa-qrcode','fa-question','fa-question-circle','fa-question-circle-o','fa-quora','fa-quote-left','fa-quote-right','fa-ra','fa-random','fa-ravelry','fa-rebel','fa-recycle','fa-reddit','fa-reddit-alien','fa-reddit-square','fa-refresh','fa-registered','fa-remove','fa-renren','fa-reorder','fa-repeat','fa-reply','fa-reply-all','fa-resistance','fa-retweet','fa-rmb','fa-road','fa-rocket','fa-rotate-left','fa-rotate-right','fa-rouble','fa-rss','fa-rss-square','fa-rub','fa-ruble','fa-rupee','fa-s15','fa-safari','fa-save','fa-scissors','fa-scribd','fa-search','fa-search-minus','fa-search-plus','fa-sellsy','fa-send','fa-send-o','fa-server','fa-share','fa-share-alt','fa-share-alt-square','fa-share-square','fa-share-square-o','fa-shekel','fa-sheqel','fa-shield','fa-ship','fa-shirtsinbulk','fa-shopping-bag','fa-shopping-basket','fa-shopping-cart','fa-shower','fa-sign-in','fa-sign-language','fa-sign-out','fa-signal','fa-signing','fa-simplybuilt','fa-sitemap','fa-skyatlas','fa-skype','fa-slack','fa-sliders','fa-slideshare','fa-smile-o','fa-snapchat','fa-snapchat-ghost','fa-snapchat-square','fa-snowflake-o','fa-soccer-ball-o','fa-sort','fa-sort-alpha-asc','fa-sort-alpha-desc','fa-sort-amount-asc','fa-sort-amount-desc','fa-sort-asc','fa-sort-desc','fa-sort-down','fa-sort-numeric-asc','fa-sort-numeric-desc','fa-sort-up','fa-soundcloud','fa-space-shuttle','fa-spinner','fa-spoon','fa-spotify','fa-square','fa-square-o','fa-stack-exchange','fa-stack-overflow','fa-star','fa-star-half','fa-star-half-empty','fa-star-half-full','fa-star-half-o','fa-star-o','fa-steam','fa-steam-square','fa-step-backward','fa-step-forward','fa-stethoscope','fa-sticky-note','fa-sticky-note-o','fa-stop','fa-stop-circle','fa-stop-circle-o','fa-street-view','fa-strikethrough','fa-stumbleupon','fa-stumbleupon-circle','fa-subscript','fa-subway','fa-suitcase','fa-sun-o','fa-superpowers','fa-superscript','fa-support','fa-table','fa-tablet','fa-tachometer','fa-tag','fa-tags','fa-tasks','fa-taxi','fa-telegram','fa-television','fa-tencent-weibo','fa-terminal','fa-text-height','fa-text-width','fa-th','fa-th-large','fa-th-list','fa-themeisle','fa-thermometer','fa-thermometer-0','fa-thermometer-1','fa-thermometer-2','fa-thermometer-3','fa-thermometer-4','fa-thermometer-empty','fa-thermometer-full','fa-thermometer-half','fa-thermometer-quarter','fa-thermometer-three-quarters','fa-thumb-tack','fa-thumbs-down','fa-thumbs-o-down','fa-thumbs-o-up','fa-thumbs-up','fa-ticket','fa-times','fa-times-circle','fa-times-circle-o','fa-times-rectangle','fa-times-rectangle-o','fa-tint','fa-toggle-down','fa-toggle-left','fa-toggle-off','fa-toggle-on','fa-toggle-right','fa-toggle-up','fa-trademark','fa-train','fa-transgender','fa-transgender-alt','fa-trash','fa-trash-o','fa-tree','fa-trello','fa-tripadvisor','fa-trophy','fa-truck','fa-try','fa-tty','fa-tumblr','fa-tumblr-square','fa-turkish-lira','fa-tv','fa-twitch','fa-twitter','fa-twitter-square','fa-umbrella','fa-underline','fa-undo','fa-universal-access','fa-university','fa-unlink','fa-unlock','fa-unlock-alt','fa-unsorted','fa-upload','fa-usb','fa-usd','fa-user','fa-user-circle','fa-user-circle-o','fa-user-md','fa-user-o','fa-user-plus','fa-user-secret','fa-user-times','fa-users','fa-vcard','fa-vcard-o','fa-venus','fa-venus-double','fa-venus-mars','fa-viacoin','fa-viadeo','fa-viadeo-square','fa-video-camera','fa-vimeo','fa-vimeo-square','fa-vine','fa-vk','fa-volume-control-phone','fa-volume-down','fa-volume-off','fa-volume-up','fa-warning','fa-wechat','fa-weibo','fa-weixin','fa-whatsapp','fa-wheelchair','fa-wheelchair-alt','fa-wifi','fa-wikipedia-w','fa-window-close','fa-window-close-o','fa-window-maximize','fa-window-minimize','fa-window-restore','fa-windows','fa-won','fa-wordpress','fa-wpbeginner','fa-wpexplorer','fa-wpforms','fa-wrench','fa-xing','fa-xing-square','fa-y-combinator','fa-y-combinator-square','fa-yahoo','fa-yc','fa-yc-square','fa-yelp','fa-yen','fa-yoast','fa-youtube','fa-youtube-play','fa-youtube-square'
];
const fontSelect = document.getElementById('fontSelect');
charFa.forEach((iconChar,index)=>{
spanChar = document.createElement('option');
spanChar.classList = 'fachar';
spanChar.innerHTML = iconChar;
spanChar.setAttribute('value',nameCharFa[index]);
fontSelect.appendChild(spanChar);
});
.fachar{
font-weight:900;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment