homer
homer copied to clipboard
icons not working
Hello,
I'm running homer on my Raspberry Pi and 99% of it works fine. I'm trying a few icons both in the navbar and services, and some of them don't work for whatever reason:
faX fa-house faX fa-photo-film faX fa-key-skeleton-left-right
replace X with s, b, t, l etc.
When I use working ones instead (i.e. fas fa-cloud) it works fine. I tried multiple browsers, private mode, different machines, always the same result. I can obviously use similar icons, but I found those the most suitable. I tried others too, of course, and some work and others don't.
Here the code for a non-working one:
Nav bar:
links:
- name: "Home Assistant"
icon: "fas fa-house"
url: "xxx"
target: "_blank" # optional html a tag target attribute
Services:
services:
- name: "Stuff"
icon: "fas fa-shuffle"
items:
Here the code for a working one:
Nav bar:
links:
- name: "Nextcloud"
icon: "fas fa-cloud"
url: "xxx"
target: "_blank" # optional html a tag target attribute
Services:
services:
- name: "Self-Hosting"
icon: "fab fa-raspberry-pi"
items:
The color settings etc. are all set to default. Changing between dark/light mode doesn't fix this. I'm not using any addon that interferes with this (Super Dark Mode Chrome extension is disable on this site). It happens on addon-less browsers as well anyway.
What might be the reason? I'm hoping that others can replicate the issue.
Hey, stumbled over the same issue. Some FA icons are non-free, seems like the house-... icons are among them. See https://fontawesome.com/v5/search?q=house&m=free (Note the "free" filter). I used the fa-laptop-house icon for my smarthome tab in this awesome dashboard.
Same issue here, discovered it with "fas fa-photo-film" which is listed as a free icon. Icon does not appear in any location (services, nav bar, header), but switching to an alternate icon does work. The text does offset like there is supposed to be an icon, but its just a blank space.
Ran into this problem yesterday. I found Font Awesome Free's Cheatsheet and tried to use icon: "fa-brands fa-atlassian"
for a group icon and it does not render. I assumed all free icons would work.
correct me if I'm wrong. On the fa website, fa-shuffle should be fa-random as for fa-house it's non free
I found that if you search using v5 instead of v6 they work (click the drop down to the right of the search box). I believe the version of FA being used in homer has not been updated since the change to v6. The icon naming convention has changed on some. Whatever link is being used in homer to pull the icons should just need to be updated.
Does anyone have any further suggestion on this? "fa fa-docker" & "fa fa-raspberry-pi" both do not work - and both are supposedly free. Thanks!
Does anyone have any further suggestion on this? "fa fa-docker" & "fa fa-raspberry-pi" both do not work - and both are supposedly free. Thanks!
icon: "fab fa-docker"
should work
