Best Icon Packs for building beautiful web apps
Tags: javascript, webdev, icons, react
Published: 2020-08-01 17:16:54

---
title: Best Icon Packs for building beautiful web apps
published: true
description: As a solo developer, many times selecting the right icons can be a tricky task. That's the reason, I want to share 5 beautiful crafted icon packs that can scale up your interface. 
tags: js,webdev,icons, react
cover_image: https://storage.googleapis.com/brandflow-bucket/personal/blog/best-icon-packs.jpg
canonical_url: https://www.jimraptis.com/blog/best-icon-packs-for-building-beautiful-web-apps/
---

Check the original post on my [blog](https://www.jimraptis.com/blog/best-icon-packs-for-building-beautiful-web-apps/).

Icons are an integral part of any website or web app. The icon set defines the tone and the general feeling of the user interface.

As a solo developer, many times selecting the right icons can be a tricky task. That's the reason, I want to share 5 beautiful crafted icon packs that can scale up your interface. 

All of them can be easily implemented to any web project and add a modern and minimal tone to your app.

## 1. [CSS.gg](https://css.gg/app)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yi82dfcwqwwvawbt6rgx.jpg)

[CSS.gg](https://css.gg/app) is an amazing collection of 700+ pure CSS, SVG and Figma UI icons. The icons are available in SVG Sprite, style-components, npm, and API. 

## 2. [Eva Icons](https://akveo.github.io/eva-icons/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/d5qsyclb6t7xcdodqx5f.jpg)

[Eva Icons](https://akveo.github.io/eva-icons/) is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Each icon is available as SVG or PNG file

## 3. [Feather Icons](https://feathericons.com)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/66d4nzqozb289luvi3i0.jpg)

[Feather](https://feathericons.com) is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

To use the pack, there are several options. You can use the SVGs directly or install the npm library.

Also, it's part of the [react-icons](https://github.com/react-icons/react-icons) library.

## 4. [Zwicon](https://www.zwicon.com/cheatsheet.html)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5qnmnlucv2eza9or8iux.jpg)

[Zwicon](https://www.zwicon.com/cheatsheet.html) is a handcrafted icon set with 566 icons in 26 categories. It's designed on a 24px grid so it works hand-in-hand with 8pt Grid System. 

The pack introduces a unique tone to your application/website.

## 5. [Remix Icon](https://remixicon.com/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/am9ukneydphexhavr9ck.jpg)

[Remix Icon](https://remixicon.com/) is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.
The library includes 2271 icons and is constantly updating.

The icons are available as SVG/PNG files and Remix offers Webfont and SVG Sprite support.

For the **React enthusiasts**, it's part of the [react-icons](https://github.com/react-icons/react-icons) library too.

--- 
**If you liked this post, you can follow me on [Twitter](https://twitter.com/d__raptis) where I share daily tips about coding, design, and bootstrapping micro-startups ✌️**