Csaba Kissi Profile picture
Nov 17 27 tweets 12 min read
23 FREE SVG Icon Libraries For Front-End Developers

Mega Thread 🧵👇
1️⃣ Ionicons: The premium icon pack for Ionic Framework

Ionicons is an open-sourced and MIT-licensed icon pack.

ionicons.com
2️⃣ 700+ CSS Icons, Customizable, Retina Ready & API

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API

css.gg
3️⃣ SVG Repo - Free SVG Vectors and Icons

Free Vectors and Icons in SVG format. Download free mono or multi-color vectors for commercial use. Search in 300.000+ Free SVG Vectors and Icons.

svgrepo.com
4️⃣ Feather – Simply beautiful open source icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and readability.

feathericons.com
5️⃣ Eva Icons

Eva Icons is a pack of 480 delightful icons available for free.

Download Eva Icons to use them in your products for mobile and web apps. Available as SVG, PNG, Web Font, and Sketch. Open-source

akveo.github.io/eva-icons/
6️⃣ Heroicons – Free Open Source SVG Icon Library

New MIT open source SVG icon library designed by Steve Schoger.

Solid and stroke variants, one-click copy-paste, and Figma file. Built with Tailwind CSS.

heroicons.dev
7️⃣ Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com
8️⃣ Bootstrap Icons

Official open source SVG icon library for Bootstrap

icons.getbootstrap.com
9️⃣ Unicons icon library | Line | Monochrome | Solid | Thin Line

4500+ free vector icons - Unicons in Line, Monochrome, Solid, and Thin Line style by Iconscout.

iconscout.com/unicons/explor…
🔟 Remix Icon - Open source icon library

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

remixicon.com
1️⃣1️⃣ Iconic Font - iconmonstr

300+ Free SVG icons. IFTTT style.

iconmonstr.com/iconicfont/
1️⃣2️⃣ Octicons

Your project. GitHub’s icons.

primer.style/octicons/
1️⃣3️⃣ Ikonate

Customize, adjust and download free vector icons.

Ikonate is an adaptable set of optimized, accessible SVG icons that users can easily use in both development and design apps such as Sketch and Photoshop.

ikonate.com
1️⃣4️⃣ Zondicons

A set of free premium SVG icons for you to use on your digital products.

zondicons.com
1️⃣5️⃣ Entypo

Entypo is a suite of 411 carefully crafted premium pictograms by Daniel Bruce.

entypo.com
1️⃣6️⃣ Download 100 Free Line-Style Icons

This free line-style icon set ships with a total of 100 different icons. This collection is a re-mastering and expansion of our previous Divi Icons.

elegantthemes.com/blog/freebie-o…
1️⃣7️⃣ Bootstrap Icons

Official open source SVG icon library for Bootstrap

icons.getbootstrap.com
1️⃣8️⃣ GitHub - google/material-design-icons: Material Design icons by Google

Material Design icons by Google. Contribute to google/material-design-icons development by creating an account on GitHub.

github.com/google/materia…
1️⃣9️⃣ Octicons

A scalable set of icons handcrafted with <3 by GitHub

octicons.github.com
2️⃣0️⃣ Hawcons

Hawcons - Magnificent sharp icons. Handcrafted with passion. Available for free.

hawcons.com
2️⃣1️⃣ Open Iconic, a free and open icon set

An open-source icon set with 223 marks in SVG, Webfont and raster formats

useiconic.com/open/
2️⃣2️⃣ Linear Icons

Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS. This icon pack was designed on a 20×20 grid with a lot of care, resulting in crisp and pixel-perfect icons.

linearicons.com
2️⃣3️⃣ Tabler Icons

800+ Highly customizable & free SVG icons

tablericons.com
You can bookmark this thread by replying with @SaveToBookmarks #thread #icons #sites

You can also unroll the complete tread by replying with @SaveToBookmarks unroll
If you want to receive a summary of my best resources you can even subscribe to my weekly newsletter:
csabakissi.com/nl
That's all guys.

If you found this list useful, consider follow me @csaba_kissi and retweeting the first tweet.

Thanks for your support guys! 🙏
🤝

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Csaba Kissi

Csaba Kissi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @csaba_kissi

Nov 18
5 Cool APIs you can use for your next side project

Thread 🧵👇
1️⃣ Subtitles for YouTube

With this API, you can fetch subtitles for youtube videos.

rapidapi.com/yashagarwal/ap…
2️⃣ WordsAPI

Words API lets you retrieve information about English words, including definitions, synonyms, rhymes, pronunciation, syllables, and frequency of usage.

rapidapi.com/dpventures/api…
Read 8 tweets
Nov 18
What's the best way to become a better Javascript programmer?

Code apps and make projects!

Here are 9 Javascript project tutorials to make you a better JavaScript programmer.👇
{1} JavaScript Password Generator @traversymedia

In this project, we will build a password generator length and character options using Java.

🔗
{2} 10 JavaScript Projects in 10 Hours - Coding Challenge 🔥 @florinpop1705

In this challenge, Florin will build 10 javascript projects in 10 hours.

🔗
Read 13 tweets
Nov 16
You are losing out if you are not using AI.

10 mindblowing AI tools that will save you hours every week (for sure).
{1} Excel AI Formula Generator

Transform your text instructions into Excel & Google Sheets formulas in seconds with the help of AI.

🔗 excelformulabot.com Image
{2} LongShot AI

LongShot is an AI-powered content writing assistant to research, generate, and optimize high-quality long-form content.

Writing blogs will never feel this easy.

🔗 longshot.ai Image
Read 14 tweets
Nov 15
Web speed is a Google ranking factor.

9 FREE Sites To test the performance of any website.

Thread 🧵👇
{1} WebPageTest

WebPageTest runs that provide all the performance metrics

🔗 webpagetest.org
{2} Google Developers speedtest

Tools and information to help you build high-performance websites.

🔗 developers.google.com/speed
Read 13 tweets
Nov 14
6 FREE CSS Generators you can use in your next project.

Thread 🧵👇
1️⃣ Blobmaker - Make organic SVG shapes for your next design

Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time.

blobmaker.app
2️⃣ Get Waves – Create SVG waves for your next design

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, and randomize!

getwaves.io
Read 10 tweets
Nov 13
10 Must-have Chrome extensions for Web developers

Thread🧵👇
1️⃣ Font Ninja

Identify fonts from any website, bookmark, try, and buy them.

chrome.google.com/webstore/detai…
2️⃣ Color Pick Eyedropper

A zoomed eyedropper & color chooser tool that allows you to select color values from web pages and more.

chrome.google.com/webstore/detai…
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(