BC WEBDEV
Saved by @inertia_m

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.

https://t.co/jVEF9LKBvL
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

https://t.co/mlNsUhxhAJ
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.

https://t.co/2Ht2sI23TE
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.

https://t.co/Q57uRAwQXP
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

https://t.co/1kNcUMWORB
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.

https://t.co/7A4Axyapmg
7️⃣ Font Awesome

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

https://t.co/yg9UMmppoV
8️⃣ Bootstrap Icons

Official open source SVG icon library for Bootstrap

https://t.co/FUTVxiSrJA
9️⃣ Unicons icon library | Line | Monochrome | Solid | Thin Line

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

https://t.co/FCSIuRCP1A
🔟 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.

https://t.co/QGr3b4p8C1
1️⃣1️⃣ Iconic Font - iconmonstr

300+ Free SVG icons. IFTTT style.

https://t.co/6BwJlfhI9A
1️⃣2️⃣ Octicons

Your project. GitHub’s icons.

https://t.co/6pnJ6MEFbk
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.

https://t.co/TXqvmF7Z09
1️⃣4️⃣ Zondicons

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

https://t.co/uWx6TxwXuE
1️⃣5️⃣ Entypo

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

https://t.co/2lfCtnuszX
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.

https://t.co/DnLF34Qw3E
1️⃣7️⃣ Bootstrap Icons

Official open source SVG icon library for Bootstrap

https://t.co/FUTVxiSrJA
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.

https://t.co/nwPt3mKHqw
1️⃣9️⃣ Octicons

A scalable set of icons handcrafted with <3 by GitHub

https://t.co/j2Fzu1TWhi
2️⃣0️⃣ Hawcons

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

https://t.co/zd57CEwTKS
2️⃣1️⃣ Open Iconic, a free and open icon set

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

https://t.co/ibHHkjxY2B
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.

https://t.co/QNWn4WRdaJ
2️⃣3️⃣ Tabler Icons

800+ Highly customizable & free SVG icons

https://t.co/QXoDoNb4p3
If you want to receive a summary of my best resources you can even subscribe to my weekly newsletter:
https://t.co/Z2XAKckjOK
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! 🙏
🤝
One another SVG icons pack:

https://t.co/ipkI9TzcTY

More from Csaba Kissi ⚡

Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
7 Chrome extensions for developers you may not know existed.

Thread 🧵👇

1️⃣ Copy My IP

Copy your IP with a single click

Simple tool to copy your current public IP address into your clipboard with just one click.

https://t.co/oqVZbJRlvc


2️⃣ Simplescraper

A web scraper that's fast, free, and simple to use. Scrape website data and table data in seconds

https://t.co/JuNqnNfWCe


3️⃣ Site Palette

Extract colors from any website
Free browser extension that generates color palettes.

https://t.co/ZM5XOT1Sco


4️⃣ Amino: Live CSS Editor

Live CSS Editor. Write custom CSS for any website and see your changes in real-time.

https://t.co/HSy2VRo6Ah
USEFUL CHROME EXTENSIONS
Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇

1️⃣ Wicked Backgrounds

Create beautiful SVG backgrounds for your UI designs.

2️⃣ Inline Text Editor

The perfect WYSIWYG editor with the cleanest UI and really easy-to-use features to provide a simple and modern JavaScript rich text

3️⃣ Triangify

https://t.co/uL81JeAZnV is a tool for generating low poly triangle patterns that can be used as wallpapers and website

4️⃣ Design Vault

A curated library of screenshots & UI interaction patterns from the world's best digital products.

Gain insights, explore trends, and understand competitors and best
FRONTEND DESIGN
Advertisement
Csaba Kissi
Csaba Kissi
@csaba_kissi
7 FREE Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇

1️⃣ CSS buttons, checkboxes, and more!

Choose from numerous UI components and get the CSS & HTML. Everything is open-source and free to use.

https://t.co/cUXCZqOVdN


2️⃣ Showcode

Generate beautiful images of code.

https://t.co/8Di2YqBMNM


3️⃣ Free Forms Library

Copy & Paste Code Examples | HeroTofu

Tailwind CSS, Bootstrap, Bulma, and other forms for your project. Free to customize and use.

4️⃣ Spectrum- Web Generator

Generate colors palettes for your next app with just a few clicks

https://t.co/6TtOay3REM
FRONTENDWEBSITES
Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
7 Awesome Sites For Front-End Developers Design Inspiration You Probably Didn't Know Existed.

Thread 🧵👇

1️⃣ Lapa Ninja

The best landing page design inspiration from around the web. Lapa Ninja is created to help designers find inspiration, learn and improve design skills. The contents are selected from the best designs, and daily updated.

https://t.co/PDsqFU39on


2️⃣ Top Shopify Plus Stores

Browse 200+ Home Page Designs from Top Shopify Plus Stores

https://t.co/hW3adG5js3


3️⃣ Good Landing Page

Get inspired by these brilliant landing page design examples. Including screens from behind signup/paywalls.

https://t.co/FMnxJz4T46


4️⃣ SaaS Landing Page

SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies. Get ideas and inspirations for your next design
UI DESIGN
Csaba Kissi
Csaba Kissi
@csaba_kissi
👋🏼 8 Awesome YouTube Channels for Web Developers You Probably Do Not Follow Yet

Thread 🧵👇

1️⃣ WebDevMentors

A Youtube Channel for emerging technologies and already established technologies in the Computer or IT field. We make courses on various IT or Computer-based stuff that enables you to learn and excel on the same.

https://t.co/gMEdsgIeGU


2️⃣ Codecourse

Helping you learn to code. PHP + Laravel + VueJS

https://t.co/LMycopz0rk


3️⃣ thenewboston

Tons of sweet computer-related tutorials and some other awesome videos too!

https://t.co/q6L57mGpXj


4️⃣ Adam Khoury

Master development technologies like JavaScript, PHP, SQL, HTML, CSS, ActionScript, and more.

https://t.co/3e6TxHnEEk
ALL

More from Webdev

Pratham
Pratham
@Prathkum
22 CSS tips and tricks I'm sure you don't know about them yet (free document): 🧵

🔗 https://t.co/PdaPNxoK4P #collab
WEBDEV , CSSTRICKS
George Moller
George Moller
@_georgemoller
Hi everyone 👋, a friendly reminder that I have:

1. +80 FREE slides about UI/UX best practices,
2. +100 FREE slides on HTML & CSS best practices

Check them out in the link below 👇


UI/UX slides:
https://t.co/cahghjCELR

HTML & CSS
WEBDEV
Advertisement
Akos
Akos
@akoskm
10 FREE React Courses to Level Up your React Skills 🍄

Thread 🧵👇
WEBDEV
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵


Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }


Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }
CODING , WEBDEV
George Moller
George Moller
@_georgemoller
Top 10 websites to learn web development for FREE 👇

1. sololearn .com
2. freecodecamp .org
3. programiz .com
4. upskillcourses .com
5. geeksforgeeks .org
6. studytonight .com
7. hackerrank .com
8. codecademy .com
9. codementor .io
10. bitdegree .org
WEBDEV

You May Also Like

WORLD OF SANATAN DHARMA
WORLD OF SANATAN DHARM...
@world_sanatan
PETER PADUKAM - THE LEGEND OF MADURAI MEENAKSHI TEMPLE AND A BRITISH COLLECTOR.

A British Collector named Rous Peter was appointed as Collector of Madurai from 1812 to 1828.

Though a Christian by faith, he respected all faiths including Hinduism and also honored local practice


Collector Peter was the temple administrator of the Meenakshi Amman Temple and conducted all his duties with sincerity and honesty and respected the religious sentiments of all people.

Collector Rous Peter respected and treated people of all faiths equally and this noble trait

earned him the popular nickname ‘Peter Pandian'

Goddess Meenakshi Amman Temple was situated between Collector Peter's residence and office.

Everyday he used to go to the office by his horse and while crossing the temple, he got down from his horse, removed the hat and his shoes

and crossed the whole path on his foot.

Through this small gesture he expressed his reverence to the Goddess!

One day there was a heavy downpour in Madurai city and River Vaigai was in spate.

Collector was sleeping in his residence and was suddenly disturbed and woken up by

the sound of anklets and he left his bed to find out from where the sound had came.

He saw a small girl wearing pattuvastrams (silk garments) and precious ornaments and addressing him as 'Peter come this way'.
ALL
Vibhor Varshney
Vibhor Varshney
@nakulvibhor
On the occasion of youtube 20k and Twitter 70k members

A small tribute/gift to members

Screeners

technical screeners - intraday and positional both

before proceeding - i have helped you , can i ask you so that it can help someone else too

thank you

positional one

run - find #stock - draw chart - find levels

1- Stocks closing daily 2% up from 5 days
https://t.co/gTZrYY3Nht

2- Weekly breakout
https://t.co/1f4ahEolYB

3- Breakouts in short term
https://t.co/BI4h0CdgO2

4- Bullish from last 5

intraday screeners

5- 15 minute Stock Breakouts
https://t.co/9eAo82iuNv

6- Intraday Buying seen in the past 15 minutes
https://t.co/XqAJKhLB5G

7- Stocks trading near day's high on 5 min chart with volume BO intraday
https://t.co/flHmm6QXmo

Thank you
SCREENERS , ALL , NAKULSMIX
Advertisement
Meet Shah
Meet Shah
@ms89_meet
List of companies with more than 50% Market Share:

1) Maruti Suzuki (passenger cars)
2) APL Apollo (structural & pre galvanized tubes)
3) CDSL (investors accounts)
4) Interglobe Aviation (air traffic passengers)
5) GMM Pfaudler (glass lined equipment)

6) Asian Paints (decorative paints)
7) Colgate (oral care)
8) Symphony (coolers)
9) PGHH (female care & vaporub)
10) La Opala Rg (opalware)
11) HLE Glasscoat (filtration & drying equipment)
12) Delta Corp (online poker games)
13) Bajaj Auto (3W segment)
14) Vinati Organics (IBB)

15) OCCL (insoluble sulphur)
16) LMW (textile machinery)
17) Bajaj Consumer (almond hair oil)
18) Indiamart Intermesh (online B2B Classified space)
19) Vst Tillers (power tillers)
20) Sanghvi Movers (overall domestic crane hiring market)
21) Emami (antiseptic & male grooming)

List of companies with more than 60% Market Share:

1) Concor (domestic container cargo transport)
2) Exide (lead batteries)
3) Naukri (Indian job market space)
4) Praj (ethanol plant installing)
5) ACE (mobile & tower cranes)
6) Pidilite (adhesives)
7) Jamna Auto (leaf spring)

8) CAMS (RTA within mutual fund industry)
9) Time Technoplast (polymer based industrial packaging)
MONOPOLIES , STOCKS , EQUITIES
\u0936\u094d\u0930\u0940\u092e\u093e\u0932\u0940 \u0939\u093f\u0924\u0947\u0936 \u0905\u0935\u0938\u094d\u0925\u0940
श्रीमाली हितेश अवस्थी...
@HiteshAwasthi89
Varahi Amman, Madurai, Tamilnadu

Vaarahi is one of the Saivite Shakti deities with the group of goddesses known as SAPTAMATAS.
They are: Brahmi, Maheshwari, Kaumari, Vaishnavi, Vaarahi, Mahendri and Chamundi. 1/n


They are the Shakti (female) equivalents of their male counterparts. Vaarahi is the Shakti of Bhairavar who is one of the Amsam of Bhairavar.Created from the boar avatara of Vishnu, Vaarahi is often associated with Goddess Kamala (one of the Mahavidyas). 2/n


She is also called Dandini (Lady Commander of the forces of the Mother-Goddess, symbolizing the might of SriVidya). As Vaarahi ("hog-faced" or "the great consumer") she destroys evil forces that obstructs the devotees' progress, paralyses the enemies 3/n


and led the devotees ultimately to SriVidyas. She is also called Panchami). With Kurukalla, she is accorded the parental status to Sri-Chakra (Lalita Tripura-Sundari). While Kurukalla represents the full moon, Vaarahi represents the new-moon. 4/4

Jai Maa Varahi 🙏


Tag for 📷 credit
ALL
Brittany Packnett
Brittany Packnett
@MsPackyetti
We should stop confusing what someone was doing when we became aware of them with all they are capable of, interested in, or ever hope to be

Let folks have their many talents, interests and gifts. Life is far more fun with variety, loves.

A lot of folks have come to know me as an activist & I’m grateful that folks care to know me at all.

But I wasn’t born in 2014. I was a whole teacher, executive, policy person, speaker, arts and culture lover, reader, writer, woman of faith, fashion and more before 4 yrs ago 🤷🏾‍♀️

We rightfully complain that marginalized people are not allowed to be fully human.

But we internalize and transfer our oppression daily. It’s a smog. We all breathe it in & act it out.

And then tell WoC “girl ain’t you supposed to be a _______? Why you doing ____?”

Can I live?

And don’t go reading anything personal into this-this isn’t about me necessarily and it’s no subtweet (I try hard not to do that.)

I’ve just been observing that behavior more and more lately. Especially when it comes to marginalized folks.

Evolution should be our aspiration.

“Can’t knock the hustle” should be our anthem.

As long as someone isn’t bringing active and continual harm, why can’t they explore their many sides?
SOCIETY