Icons are small graphical symbols. In web or mobile design, <a href="https://iconscout.com/blog/importance-of-using-icons-on-your-website" target="_blank" rel="nofollow">they are important</a> for explaining user interface functions, helping with navigation, improving design and conveying brand values.

Where can I download free icons?

Download <a href="https://iconscout.com/free-icons" target="_blank" rel="nofollow">millions of free icons</a> for personal or commercial use on IconScout. These icons are available in many formats: SVG, PNG, PDF, EPS, AI, ICO and more.

How do you create icons?

Icons are usually created in vector graphics software, such as Adobe Illustrator. However, you can also create icons in other tools like Figma or Adobe XD. But you can save time creating icons from scratch by accessing IconScout’s library of ready-made design assets.

What is a vector icon?

A vector icon (which may have an file format extension of SVG, AI or EPS) is an editable file format. This means that designers can open a vector icon in a design tool and customize it. It can also be scaled up or down without losing quality.

A Scalable Vector Graphics (SVG) icon is a type of vector icon. This is a lightweight file format that’s usually used to display icons on the web or mobile apps. You can scale it up or down without losing quality.

What are the different types of icon styles?

There are many <a href="https://iconscout.com/blog/icon-styles-guide" target="_blank" rel="nofollow">different types of icon styles</a> you can choose from to suit your design. These are common styles you may see: colored outline, doodle, dual tone, flat, glyph, gradient, isometric, line, rounded and sticker icons.

How do I change an icon’s style?

Changing an icon’s style requires graphic design knowledge, as well as familiarity with tools like Adobe Illustrator. However, many icon packs on IconScout are available in different styles. For each pack, just check the Available Styles section – you can click on any available style to switch all the icons to that style.

How do you change icon colors?

You can use the <a href="https://iconscout.com/svg-editor" target="_blank" rel="nofollow">IconScout Color Editor</a> to instantly change the colors of any SVG icon or illustration. Just drag and drop your file into the editor and instantly change the entire color palette, or change individual colors. You can also go to any icon or illustration page, then click Recolor or Color Palette to change its colors. Finally, you can also change your icon colors from the IconScout’s search results pages. Just search for any icon, then click Color Palette to instantly add a color palette to all the search results.

How to change icon colors in Figma or Adobe XD

You can use the <a href="https://iconscout.com/svg-editor" target="_blank" rel="nofollow">IconScout Color Editor</a> to instantly change your icon colors. But if you prefer to edit your colors manually in Figma or Adobe XD, you can import any SVG icon into these design tools. In both these tools, you can double-click the SVG element you’d like to edit, then change color value of the Fill element in the right-hand panels.

How do you animate icons?

To animate an icon, you’d need to be familiar with motion design techniques and tools like Adobe After Effects. But if you don’t know anything about motion design, you can download any SVG icon from IconScout, then use the LottieFiles <a href="https://iconscout.com/converter/svg-to-lottie" target="_blank" rel="nofollow">SVG to Lottie</a> tool to instantly animate your icon.

What is IconScout Unicons?

IconScout <a href="https://iconscout.com/unicons" target="_blank" rel="nofollow">Unicons</a> is a free icon library featuring 4,500 SVG icons and icon fonts. Use them in your favorite design library, or use them in a JavaScript library like React or Vue.

What is an icon pack?

An icon pack is a set of icons that follow a similar theme or style. Accessing icons as packs can be useful during the design process, as you’ll get icons that look consistent throughout your website or mobile app.

Where do I get icon packs for iOS?

You can download any icon pack on IconScout, then use it in iOS by setting custom icons in the Shortcuts app on your iPhone.

How do I get icons for Notion?

You can download any icon pack on IconScout, then use it in Notion by uploading or dragging and dropping your custom icons. IconScout also has a specially curated <a href="https://iconscout.com/notion-icons" target="_blank" rel="nofollow">icon pack for Notion</a> – just click to copy it, then paste it in Notion.

How do I get icons for WordPress?

Download any icon on IconScout, then upload it into WordPress. You can also drag and drop icons, vector illustrations, 3D illustrations and animations from the <a href="https://iconscout.com/desktop/" target="_blank" rel="nofollow">IconScout Desktop App</a> into WordPress.

How do I get icons for Figma?

Download the <a href="https://iconscout.com/plugins/for-figma" target="_blank" rel="nofollow">IconScout for Figma plugin</a>, which lets you drag and drop icons, vector illustrations, 3D illustrations and animations into Figma.

How do I get icons in Canva?

Download the <a href="https://iconscout.com/plugins/iconscout-for-canva" target="_blank" rel="nofollow">IconScout for Canva plugin</a>, which lets you drag and drop icons, vector illustrations, 3D illustrations and animations into Canva.

8.3 Million+ Free PNG Icons & More in SVG, EPS, AI

Explore 8.3 Million+ Icons

Access 8.3 Million+ icons across 10 unique styles, with PNG format available for free download. Whether you need flat, gradient, line, or doodle styles, find the perfect icon for your project. New icons are added weekly, ensuring fresh choices every time. Download in popular formats like PNG (free), SVG, EPS, AI, and more.