J'ai besoin de la liste de tous les nom de la classe de font-Awesome

Un autre petit script pour la postérité.

Mise à jour 02/2018 (version 5.x)

Dernière version de travail, basé sur l'édition de Blasius Secondus (merci).

Ouvrir les polices feuille de triche et exécutez le code suivant dans la console développeur:
https://fontawesome.com/cheatsheet

var names = new Set();
var icons = document.getElementsByClassName('icon');
for (const icon of icons) {
  const name = icon.getElementsByTagName('dd')[0].innerText;
  names.add(name);
}
console.log(JSON.stringify(Array.from(names)));

Si vous voulez triés par section (solide/régulière/de la marque):

var groups = {};
var sections = document.getElementsByClassName('cheatsheet-set');
for (const section of sections) {
  const names = [];
  groups[section.id] = names;
  var icons = section.getElementsByClassName('icon');
  for (const icon of icons) {
    const name = icon.getElementsByTagName('dd')[0].innerText;
    names.push(name);
  }
}
console.log(groups); //Feel free to stringify/manipulate

---

Réponse originale à cette question

Il suffit d'ouvrir la dernière triche: http://fortawesome.github.io/Font-Awesome/cheatsheet/

Alors dans votre navigateur, ouvrez le développeur de la console et exécutez:

var names = [];
$('.row .col-md-4').each(function() {
  var s = $(this).text();
  var m = s.match(/fa-.*/);
  if (m && m[0] && s.indexOf('(alias)') < 0) {
    names.push(m[0]);
  }
});
console.log( JSON.stringify( names ) );

Si vous voulez la liste au lieu d'un tableau, remplacer la dernière ligne par

console.log( names.join(' ') );

(Vous pouvez utiliser n'importe quel séparateur que vous voulez, au lieu de l'espace ' ')

L'avantage de cette méthode est que , vous obtiendrez uniquement les icônes visuelles (pas la fa-spin et amis), et de ne pas les dupliquer alias.

Pour les futures mises à jour, copiez-collez la liste complète de la triche (http://fortawesome.github.io/Font-Awesome/cheatsheet/) dans un éditeur de texte (notepad++ dans mon cas). Et de faire de l'expression régulière suivante rechercher & remplacer actions :

supprimer le caractère spécial à la commencer et le bloc de caractères entre guillemets []

find: ^.*(fa-[^\s]*).*
replace: 

et si vous voulez tout envelopper dans un tableau:

find: ^.*(fa-[^\s]*).*
replace: "",

vous avez seulement besoin pour commencer à la chaîne avec les "[" et termine par "]" pour en faire le tableau complet

À l'aide de PHP et de l'officiel des icônes.fichier json:

function fa_icons () {
    $content = file_get_contents('https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/advanced-options/metadata/icons.json');
    $json = json_decode($content);
    $icons = [];

    foreach ($json as $icon => $value) {
        foreach ($value->styles as $style) {
            $icons[] = 'fa'.substr($style, 0 ,1).' fa-'.$icon;
        }
    }

    return $icons;
}

Retourne:

Array
(
    [0] => fab fa-500px
    [1] => fab fa-accessible-icon
    [2] => fab fa-accusoft
    [3] => fas fa-address-book
    [4] => far fa-address-book
    [5] => fas fa-address-card
    ...

Un très, très facile et pratique pour obtenir dynamiquement toutes les FA icône de classes, si vous utilisez npm et @fortawesome/fontawesome-svg-core package npm (testé au moins avec la version v1.2.x), est la suivante:

import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
//You need to add the entire icon set
library.add(fas)
let fasArray = Object.keys(library.definitions.fas)

Avec seulement quelques lignes de code, vous obtiendrez un tableau de tous les icône de classes dans solid bibliothèque, avec des valeurs comme:

[ "ad", "address-book", "address-card", "adjust", "air-freshener", "align-center", "align-justify", "align-left", "align-right", "allergies", "ambulance", "american-sign-language-interpreting", "anchor" ....]

Pour tous (solid + regular + brand) les bibliothèques d'icônes, vous pouvez à la place utiliser:

import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'
//Add both three icon sets
library.add(fas, far, fab)
let fasArray = Object.keys(library.definitions.fas)
let farArray = Object.keys(library.definitions.far)
let fabArray = Object.keys(library.definitions.fab)

Avec ces tableaux, vous pouvez construire ce que JSON ou de la structure de l'objet que vous souhaitez équiper votre but.

Une note de mentionner, library.definitions propriété semble pas être un fonctionnaire pour avoir accès à toutes les icônes dans le paquet, donc peut-être dans les futures versions de package, cet extrait peut ne pas fonctionner, mais un rapide coup d'oeil à la source du paquet, il me semble peu probable qu'ils pourraient le remplacer, au moins sans une restructuration majeure et de version différent.

Une deuxième remarque est que, si vous voulez le tableau dynamique, vous devez importer la totalité de jeux d'icônes, ce qui pourrait ne pas être quelque chose que vous aimeriez faire. Sinon, vous pouvez exécuter une seule fois, obtenir les résultats et de les utiliser de manière statique.

Au cas où quelqu'un voudrait avoir la Police impressionnant icônes regroupées comme dans http://fontawesome.io/icons/. Collez ces JS console sur les icônes de l'écran de FA.

var allIcons = {};
$('#icons section:not(#new):not(#spinner)').each(function(key, item) {
var name = $(item).attr('id');
allIcons[name] = [];
$(item).find('div a i').each(function(iconKey, icon) {
allIcons[name].push($(icon).attr('class').substring(3));
})
});

Celui-ci est plus comme floribon réponse mais en vanilla JS.

Sur la tête de Police Génial Triche, le feu de la console et de l'écriture.

var q=document.querySelectorAll('.row .col-md-4')
var names = []
for (var i=0;i<q.length;i++){
try{
names.push(q[i].innerHTML.match(/\s\sfa-.*\n/).toString().trim())
}
catch(e){}
}
names=names.filter(name => name.length)
console.log(names)

PS: C'est sujette à changement quand il y a un changement dans les DOM structure de la triche (peu probable), mais vous obtenez l'idée.

PPS: Si la sortie est trop grande, vous pouvez créer une fonction pour ajouter une zone de texte au bas de la page de sorte que vous pouvez facilement copier.

append = function(names){
ns = names.join('\n')
txtarea=document.createElement("textarea")
txtarea.innerHTML=ns
document.body.appendChild(txtarea)
}

et remplacer la dernière ligne dans le premier code avec

append(names)

Ici la liste de tous Fontawesome Icônes":

Fontawesome Galerie

Voici une autre liste de toutes les polices icônes génial

Exemple De Code:
<i class="fa fa-rocket" width="50px" height="50px"></i>