Topic: How to add Custom Icon in Sidenav

noveltytech priority asked 4 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


mark-steven-au premium answered 3 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 3 years ago

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


Jakub Chmura staff commented 3 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


Jakub Chmura staff answered 4 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



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

  • ForumUser: Priority
  • 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