By Chris on Code
Icon fonts are great tools for building applications and websites nowadays. They have a great many benefits over fixed-sized icons like:
These are simple benefits, but so powerful when used in a real-world application.
Icon fonts are incredibly easy to use. All you have to do is load the CSS file and you’re good to go!
For example, in order to use FontAwesome fonts, we just have to load the CSS file and apply the appropriate classes to either an <i>
or <span>
tag.
<!-- load the CSS file -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- use the icon font -->
<!-- use i or span tag -->
<i class="ti-fire"></i>
<span class="ti-user"></span>
Let’s get into the best icon fonts you can use for your projects today.
Bonus: SVG Developer Icons by Scotch
All these sets of icons are unique in their own way. Mix and match them as you create your own customized application or website.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
Full documentation for every DigitalOcean product.
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.
New accounts only. By submitting your email you agree to our Privacy Policy
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.