Icons are scalable and retina-ready. Perfect for a responsive design. They look nice on screens of any resolution.
Building iconfonts with Flaticon is easier than ever. Add icons to your collections and download them in seconds.
Iconfonts are basically text, so you can change their aspect easily with CSS.
Flaticon name symbols with common terms to help screen readers understand their meaning ;-).
CSS transitions and animations are completely compatible with iconfonts.
No more loads of images or cumbersome sprites. Stop wasting your time!
In we icons
<p>In <i class="flaticon-logo-symbol-new"></i> we <i class="flaticon-heart"></i> icons</p>
Just one file load. (~20kb)
.ttf, .woff, .eot, .svg
Add monocolor icons to the collection for your website
Open your collection and press the Download collection button, then select Iconfont
Copy the source files and CSS to your web folder.
Request the CSS stylesheet from the head of your web.<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css">
Use the classes of each icon and they will appear on your website. After, manipulate them with CSS.Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>
More than 1,742,000 icons for $7,50/month
Collections are the core of our web app. Do you want to know how to use them? Press next to watch the guide.1 of 9
This is a list of your collections. You can change their names and they are sorted by use. Click on one of them to start using it.2 of 9
Click on this button to create a collection.3 of 9
Click here to change the name of the collection4 of 9
This is your active collection. One collection can have up to 256 icons if you are a registered user or 50 if you are not registered.5 of 9
Add color to all the icons in your collection.6 of 9
Enter the edit mode by clicking the pencil icon to edit the name and color of each icon separately.7 of 9
Have you finished with this collection? Delete it and create a new one here.8 of 9
And that is all, if you have any question you can contact our support team here.
9 of 9
Thank you for using Flaticon, we hope you enjoy our service
How can I find those files?
Watch out for Selection and Premium resources, to take full advantage of your subscription!
Look for the and mark, under the icons in your search results.