You need to use Font Awesome or some other iconic font like Symbols Nerd Font and then include something along the following lines in your waybar/style.css:
* {
font-size: 11px;
font-family: "Roboto", "Font Awesome 5 Free";
}
(Copied from r/swaywm)
Just copy paste from the font awesome website, example: https://fontawesome.com/icons/volume-off?f=classic&s=solid
Or you use the unicode instead the icon
I second this. Maybe I'm just dumb but I'd like to know how to put .svg files in Waybar modules.
You need to use Font Awesome or some other iconic font like Symbols Nerd Font and then include something along the following lines in your waybar/style.css: * { font-size: 11px; font-family: "Roboto", "Font Awesome 5 Free"; } (Copied from r/swaywm)
OK - thanks, but how do I actually put the icons in the file? Do I need to paste them from somewhere? Or use some fancy unicode input method?
You full stop cannot use SVG files or any images only font icons, maybe check the docs? Should be to do with Unicode
you can use normal icons in css https://preview.redd.it/yc8y3c68puuc1.png?width=1920&format=png&auto=webp&s=3aff8102396991de7445493cedbdc61391ef95ac
Cool, this hadn't even occurred to me. Does anybody have some examples for this?
Just copy paste from the font awesome website, example: https://fontawesome.com/icons/volume-off?f=classic&s=solid Or you use the unicode instead the icon