Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
2066 lines (1525 sloc) 73.7 KB

Welcome to Icons User Manual

This document helps you to get started and succeed with icons apps and API.

Why Icons8?

The demand for visual content is only getting stronger nowadays. Management of visual content becomes a challenging task. How to manage icons? How to keep them up-to-date? How to search and access icons any time from anywhere? Icons8 offers simple reliable solutions to cope with all sorts of the challenges.

Which License Do I Need?

Icons apps allow to search and retrieve icons manually through a GUI. The apps have their great pros and clear cons. They suit perfect for certain tasks confined with the scope. The other route is to use icons API. Icons API provides an ability to access icons from your code. It drastically changes the game. Now, your end-users can build their visual content from within your apps powered by our API.

Icons Web App

Features

  • Searching
    Enter a search query in the search bar and press enter key/search button. The most relevant icons set shows up. You may quickly vary icons styles, by selecting a style from the drop-down menu. Toggle switch button on the top right of the screen to switch between plain icons view and the icons view with titles:


    You may browse through categorized sets of icons listed on the left pane of the app. Various styles can be further applied. Note that sets of icons available for free in SVG are highlighted with "Free SVG" label:


    Quickly try out various styles by selecting a style from the drop-down menu:


    Editor tool comes up whenever an icon is clicked:


  • Editing / Formatting

    Editing and formatting tools show up whenever an icon from the list is clicked:


    A group of styles options is displayed within the editor pane. They are the styles applicable to the selected icon. You may quickly change the style of the icon just by clicking on the style of your choice.


    The editing tools are located on the most left pane of the editor. They are:
    • Recolor
    • Overlay
    • Text
    • No efects
    • Stroke
    • Padding
    • Background
    • Circle
    • Square

    The recolor tool aims to change the most prominent features of an icon. You may use various types of color selection tools to craft the desired look:


    Overlay tool provides you with functionality to add an overlay from a list. The color of the overlay can be further specified:


    Text editing is another excellent tool. This tool lets you text over your icon and change its size, style, and color:

    Recolor, overlay, and text are the effects applied to the icon with the use of a toggle button. You may combine the effects by setting the appropriate buttons. The rest of the effects (stroke, padding, background, circle, square) are applied with the use of the radio button. You may apply one of the effects at a time. No effects disables all the effects in the radio group.


    The stroke effect enhances the prominent features of the icon with the specified size/weight. You may change the color of the stroke either.


    Padding effect is used to generate space around an icon inside of outer borders:


    Background effect adds a background to the icon. Custom color of the background can be further specified.


    Circle effect has various parameters which make this feature to be a very flexible tool. You may specify stroke, icon and circle sizes.


    Set the fill toggle to "on" state to fill up the circle with a specific color of your choice.


    Square effect has similar feature set to the circular effect. Moreover, square effect has an extra parameter called corner radius. This parameter specifies the rounding of the square corners.


    Same as with circle, the square effect has a functionality to fill its interior:


  • Collections

    Collections are the best way to organize the icons you like. Collections help you to group certain icons for further applications. You may create many collections with the 1000 icons limit per collection. An icon can be added to a collection by dragging and dropping it. Another way to add an icon to a collection is by pressing on a special label. This label is located in the upper right corner of the outer space surrounding each icon. The label becomes visible when the mouse cursor is hovering the icon. Note that the red label states that the current icon is already added into your collection.


    You may drag and drop an SVG icon from the web app or your local file system right into your collection. Please note that only files in SVG format can be added to your collection.


    In addition to drag and drop feature, there are two more option exist to add a new icon to your collection. The first one is to click on "add new" button within your collection. This will launch the file manager. The manager will further guide you to select an SVG file from your local file system and add it to your collection:


    The last option to collect an icon is to click on the "Collect" button right in the icon editor:


    To delete an icon from a collection, hover the mouse cursor over the icon. Click on the "trash can" button that will come up. A dialog will further guide you to confirm and proceed with the deletion:


    To delete the entire collection, hover the mouse cursor over the collection in the list of collections. Click on the "trash can" button:


    Another way to delete the entire collection or to change its title is to click on the "more options" button while you are within a given collection. A menu with two options will show up. The options are: "edit title" of the collection and "delete" the entire collection.



  • Downloading

    Icon downloading feature is available from the main icon editor pane. Click on the download button to open the download window:


    The following window comes up:


    Paying customers are eligible to download icons in PNG, SVG, EPS, and PDF file formats in any size up to 2048 pixels. Free customers are allowed to download icons in PNG up to 100x100px. The Popular Icons and Logos are free in all formats, including SVG.


    Whenever you download a single icon, you add a copy of the icon to the Downloaded collection. The Downloaded collection let you access any of the ever downloaded icons. Use this collection if you need a variation of the icons that you have already downloaded. Jump in the collection, edit the icon, change its size and format and download it again. It is quick and easy!


    The icon download pane displays a pixel-perfect size for the selected icon. You can multiply this platform specific size by various factors like 1x, 2x, 3x and so forth. This way you get sharp PNG icons in multiple sizes. You may choose one of the predefined sizes or specify your custom size.

    There is an option to download selected icon in multiple sizes at once as a zip file. To achieve this, you have to choose the desired sizes with ctrl, or cmd key pressed and click on the download button.


    To download a collection you have to select it in the list of collections and click on download button. From the download screen you have several output options for your collection. These output options are:

    • PNG - download collection as a set of PNG icons
    • FONT - generate font from the collection and download it
    • SVG - download SVG sprite or ZIP with individual SVG's
    • EPS - download collection icons in EPS format
    • PDF - download collection icons in PDF format



  • HTML Options

    We have alternative options to icons download. With these options, you get the icons right into your app of any scale via HTML. To get started click on the HTML button from the editor screen:


    A window with HTML options will come up. With the first option it takes just a line of code to insert an icon in SVG or PNG format directly from CDN to your application of any scale:


    Another option is to get your images encoded to base64:


    Inline SVG option:


    Html SVG img tag option:


    Html SVG background option:


  • Multilanguage Support

    We support the following languages:

    • Chinese
    • English
    • French
    • Deutsch
    • Italian
    • Japanese
    • Portuguese
    • Russian
    • Spanish

    Click on the "country flag" button and choose the language you prefer:


  • Login / Logout

    Once you've got an Icons8 account, you’ll be able to login into any of our product including our web app.


  • Technical Support

    In case you have any question, issue or concern, no matter are you a paying or a free customer you are the most welcome to contact our friendly support team. We are completely customer service oriented, what means we are oriented on helping to people! It is that simple! Just try us out!


Licensing

  • Paid Option

    Paying customers are eligible to download icons in PNG, SVG, EPS, and PDF file formats in any size up to 2048 pixels. Licensing is available in the form of subscriptions. Monthly and annual subscriptions are available. In case of monthly subscription, your account is charged once per month. In case of annual subscription, your account is charged once a year. You may cancel your subscription at any time. All materials downloaded while you are on subscription stay yours for good. You may continue to use them in current or future commercial projects. Few restrictions are applied. Please read more about permitted and prohibited uses.

    Monthly subscription would cost you 19.95$ and annual just 199.90$.


  • Free of Charge Option

    You are welcome to use icons apps for free for personal or commercial use. In this case, you have to reference us somewhere in an appropriate place of your product. In most cases, it is enough to place a web link pointed to our website's main page. A better option would be to place a link pointed directly to the icon you decided to use. Please note that the free icons can only be downloaded in PNG up to 100x100px. The Popular Icons and Logos are free in all formats, including SVG.

    How to Setup a Link? Below is the list of suggested places where you may set up a link:
    • Websites - we require linking from all pages where the icons are used. Please put the link in the footer if the icons are used on each page. A nice example:

    • Desktop software - please put the link in the About dialog
    • Mobile apps - please put the link in the About dialog and acknowledgment on the AppStore/Google Play page. If the application doesn’t have an About section, please reference Icons8 on the app page
    • Chrome App - please add the link to the description in the Chrome Web Store and (if it doesn't break your layout) somewhere in Settings
    • WordPress plugin - please link on the Settings page of the plugin and the plugin page
    • PDF, Excel, Word, any other document and also eBooks and printed editions - you can put the link anywhere in the document
    • PC game - please put the link in the Credits section. And we would love to have a copy of the game, thank you :-)
    • YouTube - please put the link in the description box
    • eBay page - you can put the link in the footer
    • Social network - please place the link in some of your posts
    • T-shirts, mugs, umbrellas etc. - put the link in some noticeable location of the product

Desktop Apps

Desktop Apps are Windows and Mac icons apps. The main idea behind the desktop apps is to provide offline access to our icons. Download it once and use it offline side by side with design tools of your choice. Ease of search and ease of use! Drag and drop icons from the app right into your design. It is that simple and effective! Take your dev process to the next level with our desktop apps!

Icons API

Search Engine

  • How it Works?

    The engine is a dedicated service. It accepts search queries and returns responses. A response is a JSON containing metadata items for the most relevant icons. You can use the metadata to further filter, group, and retrieve icons. This section explains the searching parameters used for the service. You embed these parameters one after another in your query. The order of the parameters is up to you.


  • API Key / Token

    Personal API key or token is a shortcode in text format. This token grants you permission to send requests to searching and retrieval engines. After we receive a payment from a client, we issue an API key. You may proceed with the payment on this page.


  • Endpoint

    The endpoint is the URL where our service can be accessed by a client application. The v4 search engine endpoint is: https://api.icons8.com/api/iconsets/v4/search


  • Platform

    There is a set of parameters or attributes with a name platform or a platform_api_code or a platform_code. All these names mean the same thing, the style of the icons.

    Platform Icon style
    win8 icons in the Microsoft Windows 8/Metro style
    win10 icons in the Microsoft Windows 10/Threshold
    ios7 icons in the Apple iOS 7/8/9/10 style
    android icons in the Google Android 4 Kitkat style
    androidL icons in the Google Android 5 Lollipop (Material) style
    color flat color icons
    office Icons for Microsoft Office
    ultraviolet Blue UI
    nolan Gradient Line
    p1em Simple Small
    dotty Dotted
    dusk Cute Color
    Dusk_Wired Cute Outline
    cotton Pastel
    ios11 iOS Glyph
    clouds Clouds
    bubbles Circle Bubbles
    plasticine Color Hand Drawn
    carbon_copy Hand Drawn
    doodle Doodle
    fineline Fune Line
    isometric Isometric
    flat_round Round Infographic
    m_outlined Material Design Outlined
    m_rounded Material Design Rounded
    m_two_tone Material Design Two Tone
    m_sharp Material Design Sharp


  • Language

    Icon names, categories, and tags are localized. Here's the list of supported languages:

    Language Language name
    en-US English
    fr-FR French
    de-DE German
    it-IT Italian
    pt-BR Portuguese
    pl-PL Polish
    ru-RU Russian
    es-ES Spanish
    zh-CN Chinese
    ja-JP Japanese

    The primary language is English. If we do not internationalize something, it will be in English.


  • Amount

    This field is the largest number of icons which you'd like to receive. The default value is 25.


  • Offset

    This field is the offset from the first received result. The default value is 0.


  • Sample Request

    https://api.icons8.com/api/iconsets/v4/search?term=home&amount=50&offset=0&platform=all&language=en-US&token=al05i21yfatb4s5eac20c4wr4394b1z2.

    • search query: "home"
    • amount: "50"
    • platform (style): "all"
    • language: "US"
    • token: "al05i21yfatb4s5eac20c4wr4394b1z2"

    You may use the platform as a filter in your requests.


  • Sample Response

    You may use category attribute to group the results. Pay attention that the service will not return the categories which have less than ten icons.


Retrieval Engine

  • Free VS Paid

    Omg-img service provides free and paid options. Yes, you can search and retrieve icons with omg-img for free. The free option works great for small and simple projects. The paid option lets you craft cutting-edge apps. You may use exactly the same paid token to access both searching and retrieval engines.

    Lots of the omg-img features are available to our clients for free. Premium options are available only to paying clients. The major difference is that paid license provides extra features which are:

    • Access to generate PNG icons larger than 550 px
    • Access to vector-format icons (SVG, EPS, PDF). Popular SVG icons are available for free.
    • Access to more 'advanced search engine'

  • How to Retrieve an Icon on a Paid Basis?

    The format for retrieving icons via paid requests is as follows:


    In the above request, parameters commonName, platform, token - are mandatory. Size - is optional. Assume we call v4 search engine with 'house' searching phrase and receive a JSON response as follows:

    Take a look onto parameters in the JSON. Platform parameter attains the value "ultroviolet". The commonName attains the value "Link-company-child". That's all we need to get the icon in the SVG / EPS / PDF / PNG formats by sending the following requests to the omg-img service:

    Note that the 'name' parameter is not used at all in building a retrieving URL for the icon.


  • How to Retrieve an Icon for Free?

    It takes a line of code to insert an icon in SVG or PNG format from the CDN to your application of any scale:

    • <img src=’https://img.icons8.com/search.svg’/>
    • <img src=’https://img.icons8.com/search.png’/>

    Also please note that:

    • PNG icons are available in limited size (less than 550px)
    • only popular SVG icons are available for free

  • Icon’s Search From the Address Bar

    Omg-img allows browsing for new icons from a browser’s address bar. This feature available for both paying and free customers:


  • Free Icon’s Search From Web App

    Free customers may use our web app as a free tool to search and full paths to the icons they like. Type-in a query in the app and click on the search icon to get a list of the most relevant icons.


    Then click on the icon you'd like to use. When the editor shows up click on the "HTML" button:


    Copy the full path to the icon and paste it into your app:


  • How to Retrieve Icons in a Particular Style?

    Retrieving an icon in particular style is easy. To do this, you embed the desired style as a parameter in your retrieval request:

    monochrome coloured
    iOS: http://img.icons8.com/ios/car Color: http://img.icons8.com/color/car
    Windows: http://img.icons8.com/windows/car Office: http://img.icons8.com/office/car
    Material: http://img.icons8.com/material/car Dusk: http://img.icons8.com/dusk/car

    See the List of More Than 20 Various Styles That You May Use to Retrieve Icons

    Platform Icon style
    win8 icons in the Microsoft Windows 8/Metro style
    win10 icons in the Microsoft Windows 10/Threshold
    ios7 icons in the Apple iOS 7/8/9/10 style
    android icons in the Google Android 4 Kitkat style
    androidL icons in the Google Android 5 Lollipop (Material) style
    color flat color icons
    office Icons for Microsoft Office
    ultraviolet Blue UI
    nolan Gradient Line
    p1em Simple Small
    dotty Dotted
    dusk Cute Color
    Dusk_Wired Cute Outline
    cotton Pastel
    ios11 iOS Glyph
    clouds Clouds
    bubbles Circle Bubbles
    plasticine Color Hand Drawn
    carbon_copy Hand Drawn
    doodle Doodle
    fineline Fune Line
    isometric Isometric
    flat_round Round Infographic
    m_outlined Material Design Outlined
    m_rounded Material Design Rounded
    m_two_tone Material Design Two Tone
    m_sharp Material Design Sharp


  • How to Recolor Monochrome Icons?

    To change the color of an icon it's enough to insert an appropriate color code within an icon link:

    • http://img.icons8.com/ios/FF0000/car
    • http://img.icons8.com/ios/00FF00/car
    • http://img.icons8.com/ios/0000FF/car

  • How Can I Resize an Icon?

    To change icon size, it’s just enough to embed an icon size within its link:

    Icon's size can be written in two different formats: 100x100 or 100px.


  • How to Retrieve Sharp Pixel Perfect Icons?

    Each icon style is drawn for a specific pixel grid. Look at these few examples of various pixel grids:

    • iOS: 50x50
    • Metro: 26x26
    • Windows: 32x32
    • Material: 24x24
    • Color: 48x48
    • Office: 16x16, 30x30, 40x40, 80x80

    We recommend you to use multiples of original icon size. This will help to avoid all sorts of artifacts (blurring edges, washed out, etc.) associated with changing an icon size. For example, for the iOS style, the multiples would be 50x50, 100x100, 150x150 and so forth. You can set an icon size either by specifying the size in pixels 100x100 / 100px or with the use of factors: 2x or x2 (the number can vary):


  • What is the Greatest Size of an Icon I Can Retrieve?

    The restriction applied to free png icons is 550 px. Paying clients may retrieve icons in any size up to 2048 px.


  • What Should I Do if I Can not Find an Icon That I Need?

    You may send us a request to draw an icon you need. It’s completely free. We try to do our the best to make our service comprehensive. However, we do prioritize the requests which have the highest demand. Be creative, ask your friends, relatives, and any community members to vote for your requested icon to put your request higher on the queue.

    Alternatively, there is a paid fast option too, $50 per icon, up to 20 icons a day.


  • Can an Icon Used in my App Change Over Time?

    In short, it’s very unlikely, but it's possible. The most updated version of an icon is accessible by a given icon’s link. Let take a look at the following example. Imaging we have a link https://img.icons8.com/water-molecule. For this URL we keep showing an icon with an illustration of a water drop or an abstract molecule. But what happens if we begin to receive more and more requests to change the icon’s appearance to say a water molecule like this H2O. Most probably we will alternate its look somehow to represent the structure of two atoms of hydrogen and one atom of oxygen bonded together.

    In case if you are planning to use an icon longterm, the best solution would be to use the full canonical path to the icon. For that, type in a query in the app and click on the search icon to get a list of the most relevant icons.


    Then click on the icon you'd like to use. When the editor shows up click on the "HTML" button:


    Copy the full path to the icon and paste it in your own app:


  • How to Use Responsive Size for Style?

    It’s quite simple. Just add a parameter office to your request. For example:

    • http://img.icons8.com/office/50px/car.png?office=16
    • http://img.icons8.com/office/50px/car.png?office=30
    • http://img.icons8.com/office/50px/car.png?office=40
    • http://img.icons8.com/office/50px/car.png?office=80

Licensing

  • Paid Option

    Paid option means you have to buy an access token. The token is a short string code. You embed the token into your requests for searching and retrieval engines. The same token is used to access both engines. The starter API license is $100/month. It includes up to 100K requests to retrieval engine per month. The requests are the actual, non-cached icons downloads. Every extra 100K requests add $100 more to the monthly plan. You may cache retrieval requests on your side and pay only for actual downloads from our engine. Requests to search engine have no limit within any API plan. No matter how many retrieval requests you've purchased. You may pay for API license on this page. After we receive payment, we issue an API token for accessing our engines.


  • Free of Charge Option

    There is no free option to use our dedicated search engine. Only the retrieval omg-img engine can be used for free. However omg-img provides a great deal of opportunities to use both searching and retrieaval absolutely for free.
    Few limitations of free of charge option are:

    • png icons are available in limited (less than 550px) size but suitable for a great deal of needs

    • only popular SVG icons are available for free

    • searching is only by means of omg-img


Use Cases
  • Template customization. Canva licensed our icons and photos. Canva users can add them to the artworks they create, paying $1 each.

  • Graphics and text editors. Gravit is a cross-platform design tool consuming our API. It allows users to insert our icons into the mockups.

  • Application customisation. TimeTune is another great consumer of our API service. TimeTune uses our icons to customize the activities.

FAQ

Icons Apps

  1. Paid License. Subscription. How to purchase?

    Paying customers are eligible to download icons in PNG, SVG, EPS, and PDF file formats in any size up to 2048 pixels. Licensing is available in the form of subscriptions. Monthly and annual subscriptions are available. In case of monthly subscription, your account is charged once per month. In case of annual subscription, your account is charged once a year. You may cancel your subscription at any time. All materials downloaded while you are on subscription stay yours for good. You may continue to use them in current or future commercial projects. Few restrictions are applied. Please read more about permitted and prohibited uses.

    Monthly subscription would cost you 19.95$ and annual just 199.90$.


  2. Free License

    You are welcome to use icons apps for free. For personal or commercial use. However, it will require you to reference us somewhere in an appropriate (publicly accessible) place of your product. In most cases, it is enough to place a web link pointed to our website's main page or best of all, pointed directly to the icon you decided to use. Please note that the free icons can only be downloaded in PNG up to 100x100px. The Popular Icons and Logos are free in all formats, including SVG.


  3. Can I Use Downloaded Icons After my Subscription is Expired?

    Paying customers are eligible to download icons in PNG, SVG, EPS, and PDF file formats in any size up to 2048 pixels. Licensing is available in the form of subscriptions. Monthly and annual subscriptions are available. In case of monthly subscription, your account is charged once per month. In case of annual subscription, your account is charged once a year. You may cancel your subscription at any time. All materials downloaded while you are on subscription stay yours for good. You may continue to use them in current or future commercial projects. Few restrictions are applied. Please read more about permitted and prohibited uses.

    Monthly subscription would cost you 19.95$ and annual just 199.90$.


  4. How Can I Purchase Just a Single Icon?

    Unfortunately, we do not have such an option at the moment. The best solution would be to purchase a subscription for a month. Then download as many icons as you need. And eventually, cancel the subscription. You honestly may cancel your subscription at any time, no hidden costs, no tricks, no stuff like that. After your subscription is canceled you may continue to use your icons in current or future commercial projects. These icons stay yours for good. Though, there are few restrictions applied: https://icons8.com/download/Icons8_License.pdf


  5. How to Set up a Link?

    Below is the list of suggested places where you may set up a link:

    • Websites - we require linking from all pages where the icons are used. Please put the link in the footer if the icons are used on each page. A nice example:

    • Desktop software - please put the link in the About dialog
    • Mobile apps - please put the link in the About dialog and acknowledgment on the AppStore/Google Play page. If the application doesn’t have an About section, please reference Icons8 on the app page
    • Chrome App - please add the link to the description in the Chrome Web Store and (if it doesn't break your layout) somewhere in Settings
    • WordPress plugin - please link on the Settings page of the plugin and the plugin page
    • PDF, Excel, Word, any other document and also eBooks and printed editions - you can put the link anywhere in the document
    • PC game - please put the link in the Credits section. And we would love to have a copy of the game, thank you :-)
    • YouTube - please put the link in the description box
    • eBay page - you can put the link in the footer
    • Social network - please place the link in some of your posts
    • T-shirts, mugs, umbrellas etc. - put the link in some noticeable location of the product

  6. Which Languages are Supported?

    We support the following languages:

    • Chinese
    • English
    • French
    • Deutsch
    • Italian
    • Japanese
    • Portuguese
    • Russian
    • Spanish

    Click on the "country flag" button and choose the language you prefer:


  7. Do you Provide Technical Support?

    In case you have any question, issue or concern, no matter are you a paying or a free customer you are the most welcome to contact our friendly support team. We are completely customer service oriented, what means we are oriented on helping to people! It is that simple! Just try us out!


  8. How to Search for an Icon?

    Enter a search query in the search bar and press enter key/search button. The most relevant icons set shows up. You may quickly vary icons styles, by selecting a style from the drop-down menu. Toggle switch button on the top right of the screen to switch between plain icons view and the icons view with titles:


    You may browse through categorized sets of icons listed on the left pane of the app. Various styles can be further applied. Note that sets of icons available for free in SVG are highlighted with "Free SVG" label:


    Quickly try out various styles by selecting a style from the drop-down menu:


  9. How to Edit / Format an Icon ?

    Editing and formatting tools show up whenever an icon from the list is clicked:


    A group of styles options is displayed within the editor pane. They are the styles applicable to the selected icon. You may quickly change the style of the icon just by clicking on the style of your choice.


    The editing tools are located on the most left pane of the editor. They are:
    • Recolor
    • Overlay
    • Text
    • No efects
    • Stroke
    • Padding
    • Background
    • Circle
    • Square

  10. How to Download an Icon?

    Icon downloading feature is available from the main icon editor pane. Click on the download button to open the download window:


    The following window comes up:


    Paying customers are eligible to download icons in PNG, SVG, EPS, and PDF file formats in any size up to 2048 pixels. Free customers are allowed to download icons in PNG up to 100x100px. The Popular Icons and Logos are free in all formats, including SVG.


    The icon download pane displays a pixel-perfect size for the selected icon. You can multiply this platform specific size by various factors like 1x, 2x, 3x and so forth. This way you get sharp PNG icons in multiple sizes. You may choose one of the predefined sizes or specify your custom size.

    There is an option to download selected icon in multiple sizes at once as a zip file. To achieve this, you have to choose the desired sizes with ctrl, or cmd key pressed and click on the download button.


    To download a collection you have to select it in the list of collections and click on download button. From the download screen you have several output options for your collection. These output options are:

    • PNG - download collection as a set of PNG icons
    • FONT - generate font from the collection and download it
    • SVG - download SVG sprite or ZIP with individual SVG's
    • EPS - download collection icons in EPS format
    • PDF - download collection icons in PDF format


  11. How to Embed an Icon via HTML ?

    We have alternative options to icons download. With these options, you get the icons right into your app of any scale via HTML. To get started click on the HTML button from the editor screen:


    A window with HTML options will come up. With the first option it takes just a line of code to insert an icon in SVG or PNG format directly from CDN to your application of any scale:


    Another option is to get your images encoded to base64:


    Inline SVG option:


    Html SVG img tag option:


    Html SVG background option:


  12. Login / Logout

    Once you've got an Icons8 account, you’ll be able to login into any of our product including our web app.


  13. Are There any Free SVG Categories ?

    The free SVGs are available in these three categories:

    Free icon sets for websites and UX design:

    Characters and logos don’t require linking. Everything else does!

    Note that sets of icons available for free in SVG are highlighted with "Free SVG" label:


  14. Can I Use an Icon as a Logo?

    No problem, if you are using it for free please put a link to us somewhere in your project. If you want to edit it, please buy a license. Also, paid usage doesn't require linking us.


  15. Can I Download Many Icons at Once?

    Yes, you can use collections for that.

    Collections provide you the functionality to gather a set of icons. For example, you can create:

    • a collection of icons in a specific size or color (available for all users)
    • a collection for creating a font or SVG set (for paid users)

    To download a collection you have to select it in the list of collections and click on download button. From the download screen you have several output options for your collection. These output options are:
    • PNG - download collection as a set of PNG icons
    • FONT - generate font from the collection and download it
    • SVG - download SVG sprite or ZIP with individual SVG's
    • EPS - download collection icons in EPS format
    • PDF - download collection icons in PDF format


  16. How to Delete an Icon or Entire Collection?

    To delete an icon from a collection, hover the mouse cursor over the icon. Click on the "trash can" button that will come up. A dialog will further guide you to confirm and proceed with the deletion:


    To delete the entire collection, hover the mouse cursor over the collection in the list of collections. Click on the "trash can" button:


    Another way to delete the entire collection or to change its title is to click on the "more options" button while you are within a given collection. A menu with two options will show up. The options are: "edit title" of the collection and "delete" the entire collection.


  17. How to Add an Icon to a Collection ?

    Collections are the best way to organize the icons you like. Collections help you to group certain icons for further applications. You may create many collections with the 1000 icons limit per collection. An icon can be added to a collection by dragging and dropping it. Another way to add an icon to a collection is by pressing on a special label. This label is located in the upper right corner of the outer space surrounding each icon. The label becomes visible when the mouse cursor is hovering the icon. Note that the red label states that the current icon is already added into your collection.


    You may drag and drop an SVG icon from the web app or your local file system right into your collection. Please note that only files in SVG format can be added to your collection.


    In addition to drag and drop feature, there are two more option exist to add a new icon to your collection. The first one is to click on "add new" button within your collection. This will launch the file manager. The manager will further guide you to select an SVG file from your local file system and add it to your collection:


    The last option to collect an icon is to click on the "Collect" button right in the icon editor:


  18. How Can I Edit a Title of a Collection ?
    In order to edit a title of a collection click on the "more options" button while you are within a given collection. A menu with two options will show up. The options are: "edit title" of the collection and "delete" the entire collection.


  19. What is the Largest Number of Icons That I Can Add to my Collection ?

    You may create multiple collections with the 1000 icons limit per collection.


  20. Can I Add Icons From my File System Into my Web App Collection?

    You may drag and drop an SVG icon from the web app or your local file system right into your collection. Please note that only files in SVG format can be added to your collection.


  21. What Should I Do if I Can not Find an Icon That I Need?

    You may send us a request to draw an icon you need. It’s completely free. We try to do our the best to make our service comprehensive. However, we do prioritize the requests which have the highest demand. Be creative, ask your friends, relatives, and any community members to vote for your requested icon to put your request higher on the queue.

    Alternatively, there is a paid fast option too, $50 per icon, up to 20 icons a day.


  22. What Are the Icon Editing Options Available ?

    Editing and formatting tools show up whenever an icon from the list is clicked:


    A group of styles options is displayed within the editor pane. They are the styles applicable to the selected icon. You may quickly change the style of the icon just by clicking on the style of your choice.


    The editing tools are located on the most left pane of the editor. They are:
    • Recolor
    • Overlay
    • Text
    • No efects
    • Stroke
    • Padding
    • Background
    • Circle
    • Square

  23. How Can I Delete an Icon From my Collection ?

    To delete an icon from a collection, hover the mouse cursor over the icon. Click on the "trash can" button that will come up. A dialog will further guide you to confirm and proceed with the deletion:


Icons API

  1. How Can I Purchase API Key? What is Included?

    Paid option means you have to buy an access token or API key. The token is a short string code. You embed the token into your requests for searching and retrieval engines. The same token is used to access both engines. The starter API license is $100/month. It includes up to 100K requests to retrieval engine per month. The requests are the actual, non-cached icons downloads. Every extra 100K requests add $100 more to the monthly plan. You may cache retrieval requests on your side and pay only for actual downloads from our engine. Requests to search engine have no limit within any API plan. No matter how many retrieval requests you've purchased. You may pay for API license on this page. After we receive payment, we issue an API token for accessing our engines.


  2. What Are the End Points for API?

    The endpoint is the URL. Use this URL to access our API from your application.


  3. Why Icon Size is not in JSON? Why Pixel Perfect?

    Notice, the icons that we have are of a vector format. That is why they could be of any size. For this reason we do not include the icon's size in the metadata of response from the search engine. You merely can substitute any value for size parameter in request of a retrieval service. In response, you'll receive the corresponding PNG icon of the size that you requested. For icons retrieval, we use omg-img service. To retrieve an icon you embed your API token right into your request http://img.icons8.com/ios/F0AC34/search.svg?token=YOURTOKEN. You may change the order of parameters in your request. Also keep in mind that due to the conversion of SVG into PNG, the "pixel perfect" come into play. There is a way to eliminate the artifacts of format conversion from vector to raster. There is an appropriate size for each platform which you can then multiply by various factors like 1x, 2x, 3x, etc. to get the PNG size you need.


  4. Free VS Paid

    Omg-img service provides free and paid options. Yes, you can search and retrieve icons with omg-img for free. The free option works great for small and simple projects. The paid option lets you craft cutting-edge apps. You may use exactly the same paid token to access both searching and retrieval engines.

    Lots of the omg-img features are available to our clients for free. Premium options are available only to paying clients. The major difference is that paid license provides extra features which are:

    • Access to generate PNG icons larger than 550 px
    • Access to vector-format icons (SVG, EPS, PDF). Popular SVG icons are available for free.
    • Access to more 'advanced search engine'

  5. How to Retrieve an Icon on a Paid Basis?

    The format for retrieving icons via paid requests is as follows:


    In the above request, parameters commonName, platform, token - are mandatory. Size - is optional. Assume we call v4 search engine with 'house' searching phrase and receive a JSON response as follows:

    Take a look onto parameters in the JSON. Platform parameter attains the value "ultroviolet". The commonName attains the value "Link-company-child". That's all we need to get the icon in the SVG / EPS / PDF / PNG formats by sending the following requests to the omg-img service:

    Note that the 'name' parameter is not used at all in building a retrieving URL for the icon.


  6. How to Retrieve an Icon for Free?

    It takes a line of code to insert an icon in SVG or PNG format from the CDN to your application of any scale:

    • <img src=’https://img.icons8.com/search.svg’/>
    • <img src=’https://img.icons8.com/search.png’/>

    Also please note that:

    • PNG icons are available in limited size (less than 550px)
    • only popular SVG icons are available for free

  7. Icon’s Search From the Address Bar

    Omg-img allows browsing for new icons from a browser’s address bar. This feature available for both paying and free customers:


  8. Free Icon’s Search From Web App

    Free customers may use our web app as a free tool to search and full paths to the icons they like. Type-in a query in the app and click on the search icon to get a list of the most relevant icons.


    Then click on the icon you'd like to use. When the editor shows up click on the "HTML" button:


    Copy the full path to the icon and paste it into your app:


  9. How to Retrieve Icons in a Particular Style?

    Retrieving an icon in particular style is easy. To do this, you embed the desired style as a parameter in your retrieval request:

    monochrome coloured
    iOS: http://img.icons8.com/ios/car Color: http://img.icons8.com/color/car
    Windows: http://img.icons8.com/windows/car Office: http://img.icons8.com/office/car
    Material: http://img.icons8.com/material/car Dusk: http://img.icons8.com/dusk/car

    See the List of More Than 20 Various Styles That You May Use to Retrieve Icons

    Platform Icon style
    win8 icons in the Microsoft Windows 8/Metro style
    win10 icons in the Microsoft Windows 10/Threshold
    ios7 icons in the Apple iOS 7/8/9/10 style
    android icons in the Google Android 4 Kitkat style
    androidL icons in the Google Android 5 Lollipop (Material) style
    color flat color icons
    office Icons for Microsoft Office
    ultraviolet Blue UI
    nolan Gradient Line
    p1em Simple Small
    dotty Dotted
    dusk Cute Color
    Dusk_Wired Cute Outline
    cotton Pastel
    ios11 iOS Glyph
    clouds Clouds
    bubbles Circle Bubbles
    plasticine Color Hand Drawn
    carbon_copy Hand Drawn
    doodle Doodle
    fineline Fune Line
    isometric Isometric
    flat_round Round Infographic
    m_outlined Material Design Outlined
    m_rounded Material Design Rounded
    m_two_tone Material Design Two Tone
    m_sharp Material Design Sharp


  10. How to Recolor Monochrome Icons?

    To change the color of an icon it's enough to insert an appropriate color code within an icon link:

    • http://img.icons8.com/ios/FF0000/car
    • http://img.icons8.com/ios/00FF00/car
    • http://img.icons8.com/ios/0000FF/car

  11. How Can I Resize an Icon?

    To change icon size, it’s just enough to embed an icon size within its link:

    Icon's size can be written in two different formats: 100x100 or 100px.


  12. How to Retrieve Sharp Pixel Perfect Icons?

    Each icon style is drawn for a specific pixel grid. Look at these few examples of various pixel grids:

    • iOS: 50x50
    • Metro: 26x26
    • Windows: 32x32
    • Material: 24x24
    • Color: 48x48
    • Office: 16x16, 30x30, 40x40, 80x80

    We recommend you to use multiples of original icon size. This will help to avoid all sorts of artifacts (blurring edges, washed out, etc.) associated with changing an icon size. For example, for the iOS style, the multiples would be 50x50, 100x100, 150x150 and so forth. You can set an icon size either by specifying the size in pixels 100x100 / 100px or with the use of factors: 2x or x2 (the number can vary):


  13. What is the Greatest Size of an Icon I Can Retrieve?

    The restriction applied to free png icons is 550 px. Paying clients may retrieve icons in any size up to 2048 px.


  14. What Should I Do if I Can not Find an Icon That I Need?

    You may send us a request to draw an icon you need. It’s completely free. We try to do our the best to make our service comprehensive. However, we do prioritize the requests which have the highest demand. Be creative, ask your friends, relatives, and any community members to vote for your requested icon to put your request higher on the queue.

    Alternatively, there is a paid fast option too, $50 per icon, up to 20 icons a day.


  15. Can an Icon Used in my App Change Over Time?

    In short, it’s very unlikely, but it's possible. The most updated version of an icon is accessible by a given icon’s link. Let take a look at the following example. Imaging we have a link https://img.icons8.com/water-molecule. For this URL we keep showing an icon with an illustration of a water drop or an abstract molecule. But what happens if we begin to receive more and more requests to change the icon’s appearance to say a water molecule like this H2O. Most probably we will alternate its look somehow to represent the structure of two atoms of hydrogen and one atom of oxygen bonded together.

    In case if you are planning to use an icon longterm, the best solution would be to use the full canonical path to the icon. For that, type in a query in the app and click on the search icon to get a list of the most relevant icons.


    Then click on the icon you'd like to use. When the editor shows up click on the "HTML" button:


    Copy the full path to the icon and paste it in your own app:


  16. How to Use Responsive Size for Style?

    It’s quite simple. Just add a parameter office to your request. For example:

    • http://img.icons8.com/office/50px/car.png?office=16
    • http://img.icons8.com/office/50px/car.png?office=30
    • http://img.icons8.com/office/50px/car.png?office=40
    • http://img.icons8.com/office/50px/car.png?office=80

YouTube

A Tutorial Created by One of Our Fan Completely FREE

You can’t perform that action at this time.