I need to change the icon in my custom module, I did all steps but nothing change! Can any one help me plz?
Menu.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
<menu>
<add id="Abir_Conversation::greetings" title="Conversation" translate="title" module="Abir_Conversation" sortOrder="3" dependsOnModule="Abir_Conversation" action="conversation/helloworld" resource="Abir_Conversation::greetings"/>
</menu>
</config>
default.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="Abir_Conversation::css/styles.css"/>
</head>
</page>
styles.css
@font-face {
font-family:'Abir';
src:url('../fonts/Abir.eot');
src:url('../fonts/Abir.eot?#iefix') format('embedded-opentype'),url('../fonts/Abir.woff') format('woff'),url('../fonts/Abir.ttf') format('truetype'),url('../fonts/Abir.svg') format('svg');font-weight:normal;font-style:normal
}
.admin__menu .item-greetings > a::before {
content: '\e9d9';
font-size: 3.0rem;
padding-top: 0.1rem;
font-family:'Abir';
}
