Nebular: Adjust menu icon size

[ghost]

How to adjust the icon size in my menu?

[nnixaa]

Hi @jannotabamo, you can change the icon-font-size theme property to adjust menu icons. Here are some more details https://akveo.github.io/nebular/docs/components/menu/theme.

[ghost]

@nnixaa i mean for a specific icon in menu. Because when I used 'nb' icons the icon size is not a problem. But when I used font-awesome/ionic icons, it is collapsing with the menu title.

[z31fbras]

Is there a solution to this problem?

I need to mix both Nebular and Font Awesome icons in my menu but there is no resizing a specific icon T_T

[pzaramella]

Hello, i cant use nb icons. Any idea? I have problem importing NbIconModule, not found, and with this installation npm i @nebular/eva-icons@next, have errors with the theme:
has no exported member 'NbIconLibraries'
has no exported member 'iconSvg

thanks

[suppadeliux]

I am looking forward to see a possible solution too :d

[aam-antonio]

I found a solution for this:

*/styles.scss

nb-menu .menu-item .menu-icon.svg-inline--fa {
  font-size: 2rem;
}

Package versions that I am using:
"@fortawesome/fontawesome-free": "^5.11.2"
"@nebular/theme": "3.6.2"

[jgomesmv]

I'm also facing this issue.
This property should be available on register theme: "menu-item-icon-font-size"

[jgomesmv]

Another possible solution can be set the menu-item-icon-width to the desired size. Since icons are sized with rem's they will scale accordingly