search

microsoft / fluentui-system-icons

Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.
https://aka.ms/fluentui-system-icons
MIT License
5.65k stars 498 forks source link

How to Use Fluent Icons as a Font? Documentation lacks examples beyond webpack setup. #677

Open buzzo123 opened 6 months ago

buzzo123 commented 6 months ago

I'm currently working on incorporating Fluent Icons into my project, and I've followed the documentation to set up webpack successfully. However, I'm struggling to find examples or clear instructions on actually using Fluent Icons as a font in my project.

Could someone provide a step-by-step guide or examples on how to utilize Fluent Icons as a font in my HTML or CSS files? Any help or guidance would be greatly appreciated.

Thank you!

buzzo123 commented 5 months ago

someone can help me?

tomi-msft commented 4 months ago

Hello @buzzo123, you can just use the icons the same way, and the webpack plugin will automatically convert them to font icons.

buzzo123 commented 1 month ago

Hello @buzzo123, you can just use the icons the same way, and the webpack plugin will automatically convert them to font icons.

I'm using Vite instead of Webpack, there is something similar?