Posted on

Magento2: change the icon in my custom module

I need to change the icon in my custom module, I did all steps but nothing change?

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 .level-0.item-greetings > a::before {
content: ‘e9d9′;
font-size: 3.0rem;
padding-top: 0.1rem;
font-family:’Abir’;
}

Leave a Reply

Your email address will not be published.