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
Please indicate what problem has been found. Thanks!
Copy the base64 encoded data and insert it in your HTML or CSS document. Need help? Maybe this link can help you
Using it for the web? Copy this link in your website:
How to attribute for other media?
Don’t you want to attribute the author?
Going Premium is easy and it also allows you to use more than 12,575,000 icons without attribution. Find out more information here
Select a color from the icon
Choose a new color
Select a shape
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 feature is only available for registered users. Login or register.
This icon has a gradient color and cannot be edited.
SVG sprites let you quickly use vector icons in your website. Check this page to learn more about SVG sprites and how to use them with Flaticon.
SVGs 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.
SVG are easily customizable with CSS and have specific rules for changing how they look.
Flaticon names SVG using common terms to help screen readers understand their meaning
CSS transitions and animations are completely compatible with SVG sprites.
No more wasting your time digging through loads of images or cumbersome PNG sprites!
Add icons to the collection for your website
Open your collection and press the "Download collection" button, then select "SVG sprite"
Copy the source file to your web folder..
Insert the content of your SVG sprite in your HTML code.
Use each icon’s ID so that they appear on your website, then customize them with CSS..
How likely are you to recommend Flaticon to a friend?
How about giving us a rating on Trustpilot
If you can spare a few minutes to leave us a review, we’d be super grateful 😃