homer icon indicating copy to clipboard operation
homer copied to clipboard

icons not working

Open FlyingPersian opened this issue 3 years ago • 6 comments

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.

FlyingPersian avatar Feb 18 '22 17:02 FlyingPersian

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.

AndyRng avatar Feb 20 '22 15:02 AndyRng

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.

m-deutsch avatar Mar 08 '22 03:03 m-deutsch

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.

Nokeo08 avatar Mar 09 '22 12:03 Nokeo08

correct me if I'm wrong. On the fa website, fa-shuffle should be fa-random as for fa-house it's non free

Little-Karl avatar Mar 17 '22 07:03 Little-Karl

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.

image

pxlnic avatar Jun 11 '22 21:06 pxlnic

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!

wilcomir avatar Sep 11 '22 19:09 wilcomir

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

Screenshot 2023-04-25 at 21 46 52

themagic314 avatar Apr 25 '23 17:04 themagic314