Do you use the best libraries for icons?
26/11/2020 8:07 AM by
When building a web application, it is common that you will need icons in the UI. Traditionally, this has been done with images (e.g. png, jpg) which leads to a lot of resource management.
- Figure: Bad example - using images for application icons can generate a lot of pain
This is simplified if you are using Bootstrap, as it comes with a font-based icon library you can use in your web application. However, there is an even better third-party font-based icon library you should use when using Bootstrap:
Font Awesome provides scalable vector icons that can be customized purely through CSS and some are completely free for commercial projects. This is great if you’re tight on implementation deadlines and need generic icons in a hurry. In the ideal world, a specifically custom-designed icon set is the way to go.
Using it on your project is easy, just use your email and register on their website: Get Started. Then you will be able to download and serve locally or use a CDN.
There are hundreds of icons. Here are a few commonly used ones:
- Figure: Examples of Font Awesome icons
"Basic Use" documentation
Do you feel this rule needs an update?