Skip To Content

Utiliser des icônes

Lorsque vous configurez un indicateur, un en-tête, des sélecteurs ou une table (avec une mise en forme avancée), vous avez la possibilité d’inclure une icône SVG (Scalable Vector Graphics). L’ajout d’une icône vous permet de conférer à vos éléments une identité plus unique, de mettre votre tableau de bord en conformité avec des normes spécifiques de valorisation de marque (« branding ») ou de fournir un contexte supplémentaire. Les icônes SVG sont un format d’image vectorielle XML et peuvent être créées dans un éditeur de texte ou à l’aide d’un logiciel de dessin. Lorsque vous visualisez et configurez un tableau de bord, les icônes personnalisées s’adaptent à la taille de l’élément. ArcGIS Dashboards propose une bibliothèque d’icônes SVG que vous pouvez sélectionner.

Vous pouvez également choisir d’utiliser une icône SVG personnalisée. Lorsque vous sélectionnez une icône, développez la section Custom (Personnalisée) de la fenêtre Select an icon (Sélectionner une icône), puis saisissez votre code SVG personnalisé. Par exemple, en utilisant le code SVG suivant, vous pouvez créer une icône SVG qui s’affiche sous la forme d’une série de trois flèches dans le sens anti-horaire. Cette icône pourrait servir à indiquer un travail en cours.

Icône personnalisée

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="icons"> 
    <path d="M13.91 9a6.003 6.003 0 0 1-5.658 4.987l-.347-1.992c.032.001.063.005.095.005a3.996 3.996 0 0 0 3.858-3h-1.749l2.75-3.912L15.61 9zm-8.668 1.877l-.002.002a3.945 3.945 0 0 1-.688-4.884l-1.809-.848a5.923 5.923 0 0 0 1.08 7.148L2.59 13.529l4.71.822-.82-4.711zm1.425-6.576l-.011-.067a3.97 3.97 0 0 1 4.575 1.43l1.194-1.697a5.941 5.941 0 0 0-6.119-1.718L6.018.607 2.64 3.994l4.33 2.03z" />
</svg>

L’image suivante montre ce à quoi un indicateur pourrait ressembler avec l’icône personnalisée :

Icône personnalisée avec remplissage

Conseil :

Voici quelques conseils pour créer une icône personnalisée :

  • Pour un indicateur, si vous ne définissez pas de trait ou de remplissage dans votre code SVG, vous pouvez les configurer au moment de créer l’indicateur dans le tableau de bord.
  • Les images au format SVG peuvent être dynamiques et interactives. Les animations basées sur des scripts ne sont toutefois pas prises en charge et sont supprimées du tableau de bord.