XF 2.2 Прификсы в виде одной картинки без текста и фона

[vsemmoney]

Облазил поиск, нашел много разных префиксов, но как сделать просто картинками которые я сам загружу? без какого либо текста

Чтобы отображалось вот так



Мне казалось где то есть на сайте, но не нашел

 

[DStudio]

Мне кажется проще через extra.less
Закомментируй, параметры стиля для префикса укажи, а на другие картинки вштампуй, на сервер залей их.

 

[vsemmoney]

Сделал вот такой костыль, но работает

1. Создал сам префикс, после чего выбрал - стиль отображения - Другое

Вписал туда - prefix prefix--test


2. Дальше добавил в extra.less такой код

.prefix--test {
    background: url(/styles/icons/image.png) no-repeat;
}

.prefix {
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 130%;
    display: inline-block;
    vertical-align: middle;
    background-size: 25px;
    padding: 4px 9px;
    padding: 1px .35em;
    text-indent: -9999px;
    padding-left: 15px;
}

styles/icons/image.png это расположение картинки на хостинге