Using ionicons is well documented and if you want to use the whole library instead of just standalone SVG’s, you can include the following script in the footer:Īfterwards just add the following element in your HTML template and change the name attribute to match the icon that you want to show like this: I would definitely recommend trying it out for your next project. I particularly like how clean and straightforward the design of the outlines and shapes are.

Ionicons.io is another open source SVG powered icon library featuring 457 standalone icons with three different styles: outline, filled and sharp. They have a great page to help you get started with Font Awesome. In conclusion there are many ways of using Font Awesome, such as copying the SVG source of a single icon, downloading the library or by using a public or their own CDN. Of course you can also choose to only include a couple of icons by copy-pasting the SVG code directly, which I do recommend if you do not use more than 20-30 icons on your website. By doing this, you can conditionally exclude regular icons but use only the duotone ones. Our website actually uses Font Awesome Pro’s duotone icons and we believe that it makes our website stand out a bit more compared to other similar websites.Īnother interesting feature Font Awesome has to offer is a personalized CDN link that you can generate if you create an account. Probably one of the main reasons Font Awesome is still being largely used is because of the huge collection of various icons they have to offer. As of now they have a total of 1,588 free icons and 7,842 pro icons in their gallery. I believe most of us have used Font Awesome icons at least once until now as they were one of the first highly popular open source icon libraries to be released. Another condition for the libraries below is that they need to have a modern and up to date design. Please do be aware that all of the libraries listed below are completely open source as I have checked the licensing terms and conditions. I decided to create a blog post listing the 10 best open source icon libraries based on the Reddit thread.

Last week I started a thread on reddit asking fellow developers a simple question: which is your favourite icon library? The post quickly became popular and I found out about a lot of other awesome open source icon libraries that I have never heard of.

Free svg icon pack