Use an SVG rather than PNG for burger menu icon?

[daddysnack]

Hi there I know you can edit the burger menu picture with a custom image in png format but can you use a custom SVG instead of a PNG as there is considerable blur when the icon is small.

This is the code I used:

}
.x-btn-navbar .x-icon-bars:before {
content:url(http://www.hirety.co/wp-content/uploads/2019/07/noun_Hamburger_2274492.png);
}

many thanks

[ruenel]

Hello Tariq,

Thanks for writing in!

If you want to use SVG as background image, you might be interested in checking this out:

• https://css-tricks.com/lodge/svg/06-using-svg-svg-background-image/
• https://css-tricks.com/using-svg/

Hope this helps.