How to add Custom Icon in Sidenav

web
mobile

Topic: How to add Custom Icon in Sidenav

noveltytech pro premium asked 2 months 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 2 months 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 1 months 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 1 months ago

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


Jakub Chmura staff premium commented 1 months 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.
Status

Answered

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