I use bootstrap icons (https://icons.getbootstrap.com) in my project and don't want to add Font Awesome just for the sort icons.
The problem is that a passable equivalent to the default "fa-sort" in bootstrap is called "bi bi-arrow-down-up", so adding "-up" and "-down" doesn't work.
My solution so far
add an "alias" for "bi-arrow-down-up" in css like this:
.bi-arrow::before {
content: "\f127";
}
Now I can use "bi bi-arrow" as default icon and adding "-up" and "-down" works as expected.
I use bootstrap icons (https://icons.getbootstrap.com) in my project and don't want to add Font Awesome just for the sort icons.
The problem is that a passable equivalent to the default "fa-sort" in bootstrap is called "bi bi-arrow-down-up", so adding "-up" and "-down" doesn't work.
My solution so far add an "alias" for "bi-arrow-down-up" in css like this:
Now I can use "bi bi-arrow" as default icon and adding "-up" and "-down" works as expected.