search

thomasloven / hass-fontawesome

🔹 Use icons from fontawesome in home-assistant
Other
283 stars 52 forks source link

Custom icon shifted with #fullcolor option #57

Closed Philou06 closed 1 year ago

Philou06 commented 2 years ago

Hi, I tried to use a custom icon with #fullcolor but sadly it doesn't work fine for me, here the result: custom iconcustom colored icon without #fullcolorwith #fullcolor

As you can see when #fullcolor is added to icon, it is shifted up and right, any idea please?

godely commented 2 years ago

+1

Philou06 commented 2 years ago

Hi, I tried something this morning: I downloaded one color icon from https://icones8.fr/icon/set/logos/color and it works fine without shifting in HA. So I pasted my own color icon in this file but still doesn't work. I use Illustrator to edit icons and it seems that the SVG generated code is the problem. So I tried with Inkscape instead and now it works fine, if that can help...

thomasloven commented 1 year ago

Home Assistant adjusts and centers icons automatically, but also only uses the very first path element of them. If you use #fullcolor you override this behavior. The icon will be included in full, with all colors - but also with all margins.