Change Side Panel Menu Icon


.swm-sp-icon-box {
padding: 0;
text-align: center;
line-height: 40px;
}
.swm-sp-icon-box .swm-sp-icon-inner {
display: none;
}
.swm-sp-icon-box:before {
content: '\f007';
font-size: 14px;
font-weight: 700;
font-family: "Font Awesome 5 FREE";
}
  • Go to icon unicode page ( https://fontawesome.com/cheatsheet ) and copy desired icon unicode and replace in with f007 in above code.
  • If you are using "Regular" icons then change
    font-weight: 700 to
    font-weight: 400
    in above code
  • If you are using Brands icon then change
    font-family: "Font Awesome 5 FREE" to
    font-family: "Font Awesome 5 Brands"
    in above code. You can use font-weight 400 and 700 in brands icons.
Add code snippet in the child theme's style.css file ( Child Theme Setup Video Tutorial ) or Dashboard > Appearance > Customize > Additional CSS.