Saurav Purohit Profile picture
Jan 24 β€’ 12 tweets β€’ 4 min read
As a Front End developer, having a bank of the icons can prove to be a huge asset.

Here are 10 websites where you can find them.

A THREAD πŸ‘‡πŸ§΅
πŸ‘‰ Font Awesome

Free vector icons and logos of social icons you can use in your next project.

fontawesome.com
πŸ‘‰ FlatIcon

More than 6 million vector icons and logos for your projects in different file formats.

flaticon.com
πŸ‘‰ The Noun Project

Icons and photos from the community of designers from different countries.

thenounproject.com Image
πŸ‘‰ Bootstrap Icons

If you are regularly work on Bootstrap, get free icons from here. These icons can be used without bootstrap also l.

icons.getbootstrap.com
πŸ‘‰ Lordicon

Get animated icons for your project.

lordicon.com/icons#free
πŸ‘‰ CSS. gg

Free Open Source Icons available in different formats.

css.gg
πŸ‘‰ React Icons

If you are React developer, using react icons will be a perfect option. It utilizes ES6 imports that allows you to include only the icons that your project is using.

react-icons.github.io/react-icons/ Image
πŸ‘‰ IconsDB

Free customized icons for your next project.

iconsdb.com Image
πŸ‘‰ useAnimations

Animated icons in Lottie Framework for immediate implementation to your apps or websites.

useanimations.com
πŸ‘‰ IconScout

Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations.

iconscout.com
That's all for this thread. If you found this thread useful, please consider:

πŸ’› Liking these tweets
πŸ” Retweet the first tweet so others can see it.
πŸ‘€ Following me ( @SauravPurohit4 ) for more content.

Thank You !!

β€’ β€’ β€’

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

Keep Current with Saurav Purohit

Saurav Purohit 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 @SauravPurohit4

Jan 26
As a Front End developer, having a bank of the generator tools can save you a lot of time and effort.

Here are some websites to help you out.

A THREAD πŸ‘‡πŸ§΅
πŸ‘‰ Gradient Button

Generate awesome gradient buttons using this tool made by @csaba_kissi .

πŸ”— gradientbuttons.colorion.co Image
πŸ‘‰ Blobmaker

Generate SVG shapes for your next project.

blobmaker.app
Read 12 tweets
Jan 23
As a Front End developer, having a bank of the best UI illustrations can prove to be a huge asset.

Here are 10 websites where you can find them.

A THREAD πŸ‘‡πŸ§΅
πŸ‘‰ Undraw. co

Open source illustrations for almost everything according to the color you choose.

undraw.co
πŸ‘‰ Humaaans

Mix-&-match illustrations of people with a design library.

humaaans.com
Read 12 tweets
Jan 22
As a Front End developer, having a bank of the best website design inspirations can prove to be a huge asset.

Here are 10 websites where you can find the best designs.

A THREAD πŸ‘‡πŸ§΅
πŸ‘‰ Dribbble

Get inspired from most creative and best designs.

πŸ”— dribbble.com
πŸ‘‰ Codewell

Figma designs to help you practice and get inspired for your next project.

codewell.cc
Read 12 tweets
Jan 12
Some awesome websites to help you out while writing the CSS.

πŸ‘‡πŸ§΅
πŸ‘‰ CSS Tricks

Articles related to CSS and tips to get better in it.

css-tricks.com
πŸ‘‰ CSS CheatSheet

Cheatsheet for CSS so you can go through the properties easily.

cheatography.com/davechild/chea…
Read 9 tweets
Jan 11
Are you a web developer or planning to be one ?

Here are some awesome websites that may come very handy to you in your journey.

πŸ‘‡πŸ§΅
πŸ‘‰ GTMetrix

Check you website loading speed here.

gtmetrix.com
πŸ‘‰ Resize your Image

Resize your image here.

πŸ”— resizeyourimage.com/EN/
Read 10 tweets
Jan 8
Let's talk about CSS <length> data type.

It is used to specify distance measurements using absolute or relative units.

We can use them in CSS properties, such as width, height, margin, padding, font-size, and text-shadow.

⬇️
These CSS Units can be of mainly of two types :

πŸ‘‰ Absolute Lengths
πŸ‘‰ Relative Lengths

Let's see some of them below:

⬇️
1. Absolute Lengths (Do not change w.r.t device size ):

πŸ‘‰ cm/mm : Specify centimetres and millimetres.
πŸ‘‰ in : Specify inches.
πŸ‘‰ pc : Specify picas, 6 per inch.
πŸ‘‰ pt : Specify points, 72 per inch.
πŸ‘‰ px : Specify pixels, 96 per inch
Read 6 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

Too expensive? 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!

:(