You have reached your max collections allowed.

Select the collections you wish to keep using. All other collections will be locked until you upgrade to a Premium subscription.

Get unlimited collections

and +2,876,500 icons

Choose your 3 favourite collections.

Icon editor
Select color
      Original icon colors
        Move left
        Move right
        Move up
        Move down
        Rotate 90º left
        Rotate 90º right
        Flip horizontal
        Flip vertical
        Scale down
        Scale up

        Icon fonts

        Icon fonts let you to quickly convert vector icons into webfonts. This means you can display vector icons in your website and control them with CSS. Check this page to learn more about icon fonts and how to use them with Flaticon.


        • 1. High resolution

          Icons are scalable and retina-ready. Perfect for a responsive design. They look nice on screens of any resolution.

        • 2. Quick and easy

          Building iconfonts with Flaticon is easier than ever. Add icons to your collections and download them in seconds.

        • 3. Total control CSS

          Iconfonts are basically text, so you can change their aspect easily with CSS.

        • 4. Accessible

          Flaticon name symbols with common terms to help screen readers understand their meaning ;-).

        • 5. Animatable

          CSS transitions and animations are completely compatible with iconfonts.

        • 6. Tidy

          No more loads of images or cumbersome sprites. Stop wasting your time!

        How to use icon font with flaticon

        Iconfonts Tutorial Part 1
        1. Prepare your collection

        Add monocolor icons to the collection for your website

        2. Download iconfont

        Open your collection and press the Download collection button, then select Iconfont

        Iconfonts Tutorial Part 2
        Iconfonts Tutorial Part 3
        3. Copy in your folder

        Copy the source files and CSS to your web folder.

        4. Load the stylesheet

        Request the CSS stylesheet from the head of your web.

        <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css">
        Iconfonts Tutorial Part 4
        Iconfonts Tutorial Part 5
        5. Use the classes

        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>
        • Introducing collections

          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
        • Collections list

          Collections list

          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
        • Create a collection

          Create a collection

          Click on this button to create a collection.

          3 of 9
        • Change name

          Change name

          Click here to change the name of the collection

          4 of 9
        • Active collection

          Active collection

          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
        • Color


          Add color to all the icons in your collection.

          6 of 9
        • Edit mode

          Edit mode

          Enter the edit mode by clicking the pencil icon to edit the name and color of each icon separately.

          7 of 9
        • Delete


          Have you finished with this collection? Delete it and create a new one here.

          8 of 9
        • Enjoy!

          And that is all, if you have any question you can contact our support team here.

          Thank you for using Flaticon, we hope you enjoy our service

          9 of 9
        Do you like our service?