Le widget Icône est utile pour afficher les icônes FontAwesome dans de nombreux styles sur votre page.


Il existe 3 vues différentes pour le widget: par défaut , empilé et encadré .
Si la vue par défaut est choisie, les options suivantes sont disponibles:

Contenu

  1. Icône : choisissez parmi une liste d’icônes Font Awesome
  2. Affichage : choisissez entre par défaut, empilé ou encadré
  3. Lien : saisissez l’URL du lien de l’élément. Cliquez sur le rouage  Options de lien pour ajouter rel = nofollow au lien ou pour ouvrir le lien dans une nouvelle fenêtre.
  4. Alignement : alignez l’icône à gauche, au centre ou à droite.

Style

Icône

Ordinaire

  1. Primaire : choisissez les couleurs principales et secondaires de l’icône
  2. Taille : augmente ou diminue la taille de l’icône
  3. Rotation : faire pivoter l’icône

Flotter

  1. Couleur primaire : définir les couleurs du survol
  2. Animation de survol : définissez une animation pour l’état de survol
  3. Taille : définissez la taille exacte de l’icône
  4. Rotation : faites pivoter l’icône jusqu’à 360 degrés

Si la vue empilée ou encadrée est choisie, les options suivantes sont disponibles:

Contenu

  1. Icône : choisissez parmi une liste d’icônes Font Awesome
  2. Affichage : choisissez entre par défaut, empilé ou encadré
  3. Forme : choisissez la forme de la pile ou du cadre, en cercle ou en carré
  4. Lien : saisissez l’URL du lien de l’élément. Cliquez sur le rouage  Options de lien pour ajouter rel = nofollow au lien ou pour ouvrir le lien dans une nouvelle fenêtre.
  5. Alignement : alignez l’icône à gauche, au centre ou à droite.

Style

Icône

Ordinaire

  1. Couleur primaire : choisissez la couleur de la couleur principale (l’arrière-plan ou le cadre) de l’icône
  2. Couleur secondaire : choisissez la couleur secondaire, qui est la couleur de l’icône elle-même
  3. Remplissage : définissez le remplissage autour de l’icône pour contrôler la taille de la pile ou du cadre
  4. Taille : définissez la taille de l’icône.
  5. Rotation : faites pivoter l’icône jusqu’à 360 degrés
  6. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins de la pile ou du cadre

Flotter

  1. Couleur primaire : choisissez la couleur de la couleur principale (l’arrière-plan ou le cadre) de l’icône
  2. Couleur secondaire : choisissez la couleur secondaire, qui est la couleur de l’icône elle-même
  3. Animation de survol : choisissez un effet d’animation lorsque vous survolez l’icône, tel que Grow, Pulse, Skew, etc.
  4. Remplissage : définissez le remplissage autour de l’icône pour contrôler la taille de la pile ou du cadre
  5. Taille : définissez la taille de l’icône.
  6. Rotation : faites pivoter l’icône jusqu’à 360 degrés
  7. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins de la pile ou du cadre

Source : Elémentor