search

thomasloven / hass-fontawesome

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

Custom *.svg are not working as they should #54

Closed alekosmarinos closed 1 year ago

alekosmarinos commented 2 years ago

Hi et all, maybee a bug or I am missing something ...

I want to use my custom uploaded *.svg files (/custom_icons, fapro: prefix. E.g. fapro:tools-kitchen-scale).

This is what I see after I create a custom card: drop08022022_154330

... and normally it should look like that:

drop08022022_154714

Any idea what is going wrong here? Thanks for helping, a.

additional info: I use IconJar to export them!

Philou06 commented 2 years ago

Hi, I don't know IconJar, but I think your file has to be flattened before exporting in SVG, I use Illustrator for that but perhaps they are some other tools to achieve that...

gianlucaf81 commented 1 year ago

I found the solution to these problems using the boxy-svg.com/app editor but above all the GROUP function. I combine all the geometries and magically it shows correctly.

thomasloven commented 1 year ago

Home Assistant only looks at the first path of any svg icon.

Try fapro:tools-kitchen-scale#fullcolor

From the readme:

You can also use more advanced icons, e.g. with multiple colors if you add the suffix #fullcolor.