EXCELIA_DBARR/theme/eldy/main_menu_fa_icons.inc.php

<?php if (!defined('ISLOADEDBYSTEELSHEET')) {
	die('Must be call by steelsheet');
} ?>
/* <style type="text/css" > */

.mainmenu::before{
	/* font part */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 28px;
	-webkit-font-smoothing: antialiased;
	text-align:center;
	text-decoration:none;
	color: var(--colortextbackhmenu);
	/* font-size: <?php echo $topMenuFontSize; ?>; */
}

div.mainmenu.menu {
	background-image: none;
}

div.mainmenu.menu::before {
	content: "\f0c9";
}


div.mainmenu.home::before{
	content: "\f015";
}

div.mainmenu.billing::before {
	content: "\f51e";
}

div.mainmenu.accountancy::before {
	/* content: "\f53d"; */
	content: "\f688";
	font-size: 1.2em;
}

div.mainmenu.agenda::before {
	content: "\f073";
}

div.mainmenu.bank::before {
	content: "\f19c";
}

<?php if (getDolGlobalInt('MAIN_FEATURES_LEVEL') == 2) { ?>
/* TESTING USAGE OF SVG WITHOUT FONT */
div.mainmenu.cashdesk {
	line-height: 26px;
}

div.mainmenu.cashdesk .tmenuimage {
	line-height: 26px;
	display: inline-block;
	vertical-align: middle;
	height: <?php echo $topMenuFontSize; ?>;
	background-color: #<?php echo $colortextbackhmenu; ?>;
	width: 100%;
	-webkit-mask: url(<?php echo DOL_URL_ROOT.'/theme/common/fontawesome-5/svgs/solid/cash-register.svg' ?>) no-repeat 50% 50%; /* for old webkit browser */
	mask: url(<?php echo DOL_URL_ROOT.'/theme/common/fontawesome-5/svgs/solid/cash-register.svg' ?>) no-repeat 50% 50%;
}

<?php } else { ?>
div.mainmenu.cashdesk::before {
	content: "\f788";
}

<?php } ?>


div.mainmenu.takepos::before {
	content: "\f788";
}

div.mainmenu.companies::before {
	content: "\f1ad";
}

div.mainmenu.commercial::before {
	content: "\f0f2";
}

div.mainmenu.ecm::before {
	content: "\f07c";
}

div.mainmenu.externalsite::before {
	content: "\f360";
}

div.mainmenu.ftp::before {
	content: "\f362";
}

div.mainmenu.hrm::before {
	content: "\f508";
}

div.mainmenu.members::before {
	content: "\f007";
}

div.mainmenu.products::before {
	content: "\f1b2";
}

div.mainmenu.mrp::before {
	content: "\f1b3";
}

div.mainmenu.project::before {
	content: "\f542";
}

div.mainmenu.ticket::before {
	content: "\f3ff";
}

div.mainmenu.tools::before {
	content: "\f0ad";
}

div.mainmenu.website::before {
	content: "\f57d";
}

div.mainmenu.generic1::before {
	content: "\f249";
}

div.mainmenu.generic2::before {
	content: "\f249";
}

div.mainmenu.generic3::before {
	content: "\f249";
}

div.mainmenu.generic4::before {
	content: "\f249";
}

/* Define color of some picto */

.fa-phone, .fa-mobile-alt, .fa-fax {
	opacity: 0.7;
	color: #440;
}
.fa-at, .fa-external-link-alt, .fa-share-alt {
	opacity: 0.7;
	color: #304;
}
.fa-trash {
	color: #666;
}
.fa-trash:hover:before {
	color: #800;
}
.fa-play {
	color: #444;
}
.fa-link, .fa-unlink {
	color: #555;
}

/* Define square Dolibarr logo in pure CSS */

.fa-dolibarr-css{
	color: #235481;
	background: currentColor;
	height: 150px;
	width: 150px;
	position: relative;
}
.fa-dolibarr-css:before{
	content: '';
	position: absolute;
	left: 19%;
	top: 17%;
	width: 25%;
	height: 25%;
	border: solid 30px white;
	border-radius: 0% 200% 200% 0% / 0% 180% 180% 0%;
}
.fa-dolibarr-css:after{
	content: '';
	position: absolute;
	left: 19%;
	top: 17%;
	width: 5px;
	height: 25%;
	border-bottom: solid 60px currentColor;
	margin-left: 30px;
}


.em092 {
	font-size: 0.92em;
}

.em088 {
	font-size: 0.88em;
}

.em080 {
	font-size: 0.80em;
}