Any way to use icons like font awesome?

Hi,
Im subscribed to icons 8 and use that a lot on my desktop app. Now, I need to use that in my web apps. Theres any way use that icons in my web app? Like font awesome do? Don’t matter if is online o locally.

Best regards.

I believe you have to install them as a font on your computer https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started

I see my question was not clear.

Theres any way to use icons8 stuff on a web site ala font awesome? as a class in css? not like a simple picture?

Best regards.

Hello Donald,

All of our single colored icons are available as web fonts. If you would like to download an icon collection as a font, please, choose the collection and click Download > Font. It is a paid feature, so you would need to buy a license (if you don’t have it yet).

Thanks Elena, I just download the fields. Now my doubt is how to reference that in my html.

Theres any tutorial?

Im only have experience using font awesome.

Best regards.

Maybe you would be interested in our Line Awesome icon set: https://icons8.com/line-awesome
You can use it exactly the same way as Font Awesome.

If you are looking for a way to add the icons to your HTML code, we have this option in the menu on the right side from each icon: https://gyazo.com/42a1f6c00e73adc08d9c778b566c6ce5 (“Embed HTML”).

Now my doubt is how to reference that in my html.

Like this: https://www.w3schools.com/css/css3_fonts.asp

Useful: after you generate the font, there’s a demo file included.

Looks like this question remains unanswered. In order to be able to use these icons as part of a font we need to maintain a map of each icon and its corresponding unicode. Does Icons8 provide a utility to make this easier during font creation? Can it generate a cheatsheet of each icon and its unicode?

Hi

If you create an icon collection on our site, you can choose the Font option in the download dialog.
Then our system generates an archive file that has everything you may need, including an html preview-file with a cheatsheet:

Thank you! That’s exactly what I was looking for.

1 Like