ICONS are one of the essential elements in our daily APP and web design process. Through small ICONS, visual guidance and function division can be quickly and conveniently realized. When creating, we need to find a variety of ICONS to meet our design needs, which is a waste of time and energy. Today, xiaobian to you sorted out 8 designers must see the free UI icon design resources station, quickly collect.

1. Flaticon, the largest free icon library



ALT: Indicates the Flaticon icon library

Platform introduction: Currently, there are more than 920,000 ICONS collected on the Official website of Flaticon. We can search for the desired APP design ICONS quickly by typing English keywords.

Price: Free

Search by keyword, category (e.g. education, e-commerce, games, medical, etc.), most popular, top icon maker, etc.

Icon format: PNG, SVG, EPS, PSD and BASE 64 formats.

Why it’s cool: Download vector ICONS or pixel ICONS in 16px, 24px, up to 512px.

APP icon material resource website: www.Flaticon.com

2. Alibaba Vector icon library – Iconfont



ALT: iconfont icon library

Platform introduction: Alibaba is the largest vector icon management and communication platform with the most complete functions in China.

Price: Free

Search method: support keyword fuzzy search, Chinese/English/pinyin seamless translation.

Icon format: SVG, AI, PNG.

Highlights: Designers can upload ICONS to the platform, and users can customize and download design ICONS in various formats. The platform can also convert ICONS into fonts, which is easy for front-end engineers to adjust and call freely.

Icon material resource website: www.iconfont.cn

3. Easyicon



ALT: Easyicon icon library

Platform introduction: The official website collects nearly 590,000 design ICONS and is constantly updated.

Price: Free

Search method: Keywords, color, heat, size.

Icon format: SVG, PNG, ICNS, ICO.

Why it’s cool: Support for converting PNG ICONS uploaded externally on current websites or individuals to Micrisoft or MacOs ICONS of different sizes.

Icon material resource website: www.easyicon.net

4. Flatten APP icon library -iconsDB



ALT: iconsDB icon library

Platform description: a great free icon library, currently has more than 4000 ICONS.

Price: Free

Search methods: Keywords, author, category, color, etc.

Icon format: PSD, AI, EPS, PNG, ICO.

Why it’s cool: Users can customize colors and sizes to download the ICONS they want, and most ICONS support personal and business use.

Icon material resource website: www.iconsdb.com/

5. I love IconPng



ALT: IconsPng icon library

Platform description: currently contains nearly 100,000 ICONS and 1565 icon series.

Price: Free

Search method: Keyword.

Icon format: ICO, GIF, JPG, PNG, ICNS.

Highlights: ICONS have been classified inside (hand-painted, application, three-dimensional, flat, etc.), you can quickly find the design icon you want.

Icon material resource website: www.iconpng.com/

6. Icon Design integrated website -IconDeposit



ALT: IconDeposit icon library

Platform description: a comprehensive design icon library, including a large number of icon works, also contains some classic design tutorials and PS source code.

Price: Free

Search method: Keyword.

Icon format: SVG, PSD, PNG.

Highlights: In addition to hundreds of free APP icon design materials, there are icon sets, UI/UX design, Illustration/Vector graphics, CSS, CSS3, jQuery, photoshop tutorials.

Icon material resource website: www.icondeposit.com/

Community love – Icons8



ALT: Icon8 icon library

Platform introduction: Collect more than 70,000 icon materials, iOS, Windows and Android ICONS are available.

Price: Free

Search method: Keyword, color, Category, System (Mac or Windows).

Icon format: PNG, SVG, PDF, EPS, etc.

Highlights: Unified icon style, vector image can be directly edited, quickly generate any format, size and color icon. Complete classification, convenient for users to quickly screen out ICONS of different design styles. In addition, the API interface is provided to facilitate the rapid docking of developers.

Icon material download website: icons8.cn/

8. iconfinder



ALT: Iconfinder icon library

Platform introduction: provides a large number of design ICONS (currently more than 2.5 million), is one of the world’s top several free icon search engines.

Price: Free

Search method: Keyword, style, category.

Icon format: CSH, PNG, AI, ICO, ICNS, SVG, BASE 64.

Why it’s cool: Provides a powerful online icon editor that can be exported to SVG or PNG after editing, and comes in all sizes.

Icon material resource website: www.iconfinder.com/

Above is xiaobian to recommend you 8 icon design resources, most of the ICONS can be downloaded for free. Do you find it convenient? Of course, there are ICONS, how do we use these beautiful design ICONS? We all know that icon design needs to be applied to web design or APP design, how to achieve seamless connection?

It’s very simple. All you need is a prototyping tool. Here, xiaobian to recommend domestic prototype artifact Mockplus. Mockplus is a simple, fast prototyping tool that already packs 3000+ icon design materials. Contains 19 categories of ICONS, including letters, numbers, shapes, expressions, and gestures. In the design process of web page or APP, it can be directly dragged out and used, very simple and convenient.



ALT: Mockplus icon library

How to use external downloaded UI icon resources? As simple as that, you can batch upload to the Mockplus personal component library (PNG only) and share it with your friends with one click. Of course, I recommend you to use the guest design system, here, you can upload and manage PNG, JPEG, SVG, GIF and other formats icon resources with one click. Once uploaded, it can be dragged and used directly in Mockplus.



ALT: Copy guest design system

What? Isn’t that enough? Want to make your own specific ICONS to use in your prototyping? No problem, Mockplus provides a Sketch plugin. Once you’ve created a satisfactory vector icon in Sketch, you can upload it directly to the powerful copycat design system and apply it in Mockplus (see Mockplus and Sketch for details). Yes, it is so powerful, there is nothing you cannot do, only you can not think of.

summary

With Mockplus, you can quickly apply your icon design resources to prototyping. With the copy guest design system, you can easily upload and manage icon resources quickly. What are you waiting for? Go and try it.