icons8 / line-awesome

Replace Font Awesome with modern line icons
https://icons8.com/line-awesome
Other
1.25k stars 140 forks source link

Missing "la" CSS rules for many brand icons #44

Closed scrobbleme closed 4 years ago

scrobbleme commented 4 years ago

Hello,

I'm using Line Awesome via NPM and without Font Awesome. It looks, like there are some "la" rules missing for brand icons (some have these rules)

I.e.

<i class="la la-battle-net"></i>

won't work.

If this is intended, than it would be great to have some json containing a list and category of all icons within the dist. As of now, someone has to exactly know, what is there.

image

fatawesome commented 4 years ago

Some have and some not. "la" prefix works for old icons (from old LA versions). Now the preferable way of using icons is with "las", "lab" or "lar" prefixes For the given example: <i class="lab la-battle-net"></i>

Please let me know if this hepled you.

scrobbleme commented 4 years ago

@fatawesome Thank you for the clarification.

But is there a way to find out, which icons need las, lab or lar?

From the npm package there is no chance. No json or so containing information about this.

Or can I just use the icons.json from Font Awesome and replace fab with lab i.e.?

This would be really helpful (so I can process it automatically).

fatawesome commented 4 years ago

Well, you can replace icons.json, but I recommend using https://icons8.com/line-awesome. There you can find every icon with their classes respectively.

Actually, making a list in readme or in some .json file is a good idea, we will consider it, thanks :)

scrobbleme commented 4 years ago

Actually, making a list in readme or in some .json file is a good idea, we will consider it, thanks :)

That would be great, as we need to process the font automatically (whenever an update happens). We have customer request to embed the font into our CF plugin. As of now, it just the missing information. But maybe I can process FAs icons.json for the meantime ;)

Thanks, for your support.