No notifications to show yet
You’ll see useful information here soon. Stay tuned!
Are you sure you want to delete this collection?
You can still enjoy Flaticon Collections with the following limits:
Keep making the most of your icons and collections
Get 20% OFF our
Annual Premium Plan
You have 8 collections, but can only unlock 3 of them
Copy the base64 encoded data and insert it in your HTML or CSS document.
Need help? Maybe this link can help you
HTML image
CSS background
Using it for the web? Copy this link in your website:
Don’t you want to attribute the author?
Going Premium is easy and it also allows you to use more than 11,727,000 icons without attribution. Find out more information here
Select a color from the icon
Choose a new color
Custom palette
History
Scale
Move
Rotate
Flip
Select a shape
Size
Color
Stroke width
You can only save 3 new edited icons per collection as a free user. Upgrade to save unlimited icons.
Your collection is locked. You can upgrade your account to get an unlimited collection.
You have reached the icons limit per collection (256 icons)
This icon has a gradient color and cannot be edited.
From your collections you can quickly convert vector icons into an icon font. This means you can display vector icons in your website and control them with CSS. Check this page to learn more about icon font format and how to use it with Flaticon.
Icons are scalable and retina-ready. Perfect for a responsive design. They look nice on screens of any resolution.
Building an icon font with Flaticon is easier than ever. Add icons to your collections and download them in seconds.
Web fonts are fonts consisting of icons instead of characters, so you can easily modify them using CSS.
Flaticon name symbols with common terms to help screen readers understand their meaning.
CSS transitions and animations are completely compatible with icon fonts.
No more wasting your time digging through loads of images or cumbersome sprites!
Add monocolor icons to the collection for your website
Open your collection and press the "Download collection" button, then select "Icon font"
Copy the source files and CSS to your web folder.
Request the CSS stylesheet from your webmaster.
<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. Then, manipulate them with CSS.
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>