Tutoriel | Utiliser des icĂŽnes Font Awesome sur mon wallboard

Font Awesome est une police d’icĂŽnes vectorielles . Sa large bibliothĂšque vous permet d’ajouter des Ă©lĂ©ments visuels dans vos wallboards sans avoir Ă  passer par les mĂ©dias. C’est donc plus lĂ©ger, plus rapide Ă  mettre en place et vous bĂ©nĂ©ficiez d’un large choix d’icĂŽnes universelles !

Aussi, chaque icĂŽne pourra ĂȘtre agrandie sans perdre en qualitĂ© et vous pourrez crĂ©er des conditions pour qu’elle change de couleur selon vos donnĂ©es : pratique !

Retrouvez tous les icĂŽnes ici : Find Icons with the Perfect Look & Feel | Font Awesome
Versions prises en charge : v5.15.4 et v6.1.1

Dans le tutoriel ci-dessous, vous verrez comment utiliser des icĂŽnes Font Awesome sur vos wallboards Pingview.


:hourglass: Temps nécessaire : 2 min
:thermometer: Niveau de difficulté : 1/5
:penguin: Sources de données nécessaires : 0

Résultat souhaité :

image


1. Aller sur Font Awesome choisir votre icĂŽne

Bon Ă  savoir : Vous pouvez aussi choisir les icĂŽnes « Pro Â» car Pingview embarque une licence Pro dont vous bĂ©nĂ©ficiez !

2. Identifiez la balise <i class> et copiez-la en cliquant dessus

image

3. DĂ©posez-glissez un widget texte et collez la balise

La subtilité de Font Awesome est que les icÎnes sont reconnus par Pingview dans un widget texte.

image

Vous pouvez désormais changer la taille, la couleur, la couleur de fond
 !

Bonus : Animez vos icĂŽnes !

Avant la fermeture de votre balise, ajoutez le texte suivant pour donner vie Ă  vos icĂŽnes :

  • fa-spin
  • fa-pulse

fa