Ao configurar um indicador, você tem a opção de utilizar um ícone Scalable Vector Graphics (SVG), que não é incluído no elemento por padrão. Esta funcionalidade garante que os painéis possam se alinhar com os requisitos específicos da indústria ou com a aparência e comportamento de marca corporativa da sua organização. O formato SVG é um formato de imagem vetorial baseado em XML. Os ícones podem ser criados em qualquer editor de texto ou utilizando o software de desenho. No tempo de execução, os ícones personalizados serão dimensionados na mesma altura que o conteúdo do Texto Médio no indicador.
Os seguintes exemplos mostram o conteúdo SVG que aparece como uma série de três setas no sentido anti-horário. Isto pode ser utilizado para indicar um trabalho em progresso.
Você pode experimentar esta funcionalidade copiando e colando o seguinte código SVG na caixa em branco Personalizar na tela Selecione um ícone :<?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>
A seguinte imagem mostra como o indicador pode parecer com o ícone personalizado:
As seguintes dicas podem ser úteis quando você cria seu próprio ícone:
- Se você não definir um traço ou preencher seu ícone SVG, estes itens poderão ser ajustados ao criar o indicador no seu painel.
- Se você não definir um traço em seu ícone, você poderá adicionar um no momento da configuração. Será 1 pixel.
- Os desenhos no formato SVG podem ser dinâmicos e interativos; no entanto, as animações baseadas em script não são suportadas e serão eliminadas.