How to add Custom Icon in Sidenav


Topic: How to add Custom Icon in Sidenav

noveltytech pro premium priority asked 5 years ago

Expected behavior I want to use custom svg icon in sidenav

Actual behavior We can use the custom icon in sidenav

Resources (screenshots, code snippets etc.) Submit listing Registration form For bloggers For authors Instruction Monthly meetings


Jakub Chmura staff premium answered 5 years ago

Hi @noveltytech,

I think it is a nice feature, but we need to discuss whether to introduce such a possibility and what priority to give it.

Best, Kuba


mark-steven-au pro premium answered 5 years ago

Looking at same feature. Understand at present a custom icon other than awesome ones cannot be done. However is there a work around to simply use a svg directly?


Piotr Glejzer staff commented 5 years ago

we don't allow to use custom SVG icons for that. Just icon from MDBIcon.


Jakub Chmura staff premium commented 5 years ago

You can use SVG with font awesome. Here is a link to a simply "hack" that you can check. Maybe in your case it will work.

https://medium.com/@nsisodiya/hacking-font-awesome-for-custom-svg-icons-ea762118fa7b


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 4.25.4
  • Device: Macbook Pro
  • Browser: Chrome, Firefox
  • OS: MacOS catalina
  • Provided sample code: No
  • Provided link: No
Tags