Пользовательский значок виджета Elementor ⇐ Php

[Anonymous]

Я создаю собственные виджеты и подумал, можно ли заменить значки, заданные Elementor, своим собственным svg-файлом?
Область виджетов администратора Elementor: p>


С примерно так:


Я попробовал приведенный ниже код, но не получил результата:
.elementor-panel .elementor-element .icon i[class*="example-"] {
width: 24px;
height: 24px;
display: block;
margin: 0 auto;
text-align: center;
}

.example-2-buttons {
background-image: url(../../../../../plugins/example/assets/images/history-custom-icon.svg) !important
}

Я также попробовал приведенный ниже код:
.elementor-element .icon .class-name:before {
content: "";
background-image: url(../../../../../plugins/example/assets/images/history-custom-icon.svg) !important;
height: 30px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}

И это тоже, и это тоже по ошибке:
function custom_admin_icon_css()
{
echo '
.example {
display: inline-block;
width: 24px;
height: 24px;
background-image: url(../../../../../plugins/example/assets/images/history-custom-icon.svg) !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
';
}
add_action('elementor/editor/after_enqueue_scripts', 'custom_admin_icon_css');


Подробнее здесь: https://stackoverflow.com/questions/791 ... idget-icon