Skip To Content

Usar iconos personalizados

Cuando configura un indicador, tiene la opción de usar un icono de gráficos vectoriales escalables (SVG), que no está incluido en el elemento de forma predeterminada. Esta funcionalidad garantiza que los cuadros de mando puedan satisfacer requisitos específicos del sector o el aspecto y el funcionamiento de la imagen corporativa de su organización. El formato SVG es un formato de imagen vectorial basado en XML. Se pueden crear iconos en cualquier editor de texto o mediante software de dibujo. En el tiempo de ejecución, los iconos personalizados se escalarán a la misma altura del contenido de Texto central en el indicador.

El siguiente ejemplo muestra contenido SVG que muestra una serie de tres flechas en sentido antihorario. Se podría utilizar para indicar un trabajo en curso.

Icono personalizado

Puede probar esta funcionalidad copiando y pegando el siguiente código SVG en el cuadro en blanco que aparece en Personalizado, en la pantalla Seleccionar un icono:

<?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>

La siguiente imagen muestra el posible aspecto del indicador con el icono personalizado:

Icono personalizado con relleno

Las siguientes sugerencias pueden ser de utilidad para crear su propio icono:

  • Si no define un trazo o un relleno en su icono de SVG, estos elementos se pueden ajustar al crear el indicador en su cuadro de mando.
  • Si no define un trazo en su icono, puede agregarlo en el momento de la configuración. Será 1 píxel.
  • Los dibujos en formato SVG pueden ser dinámicos e interactivos; no obstante, las animaciones basadas en script no son compatibles y desaparecerán.