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
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
Advertisement
Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
6 Awesome Website for Developers to Boost Your Front-End Skills.

HTML/CSS/JavaScript challenges.

Thread 🧵👇

1️⃣ Frontend Mentor

Frontend Mentor helps you to Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional

2️⃣ Codier

Explore and attempt front-end coding challenges

https://t.co/eHdpm9EUl8


3️⃣ Code Wars

Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.

https://t.co/6y8T2ncSdY


4️⃣ Ace FrontEnd

Ace your web developer interview. No trivia, only practical coding challenges to hone your
ALL
Csaba Kissi
Csaba Kissi
@csaba_kissi
15 Sites for FREE Illustrations

drawkit .io
undraw .co
iradesign .io
icons8 .com
blush .design
storyset .com
pixeltrue .com
manypixels .co
illustrations .co
illustratious .com
iconscout .com
isometric .online
humaaans .com
openpeeps .com
themeisle .com/illustrations/

This guide from Kyle contains Everything you need to Master Freelancing as a Web Developer or Web
FREEILLUSTRATIONS
Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
Top websites that will help you learn Web Dev online:

1. Traversy Media - @traversymedia 🆓
2. Udemy - 🆓+💵
3. FreeCodeCamp - 🆓
4. Coursera - 🆓
5. Treehouse - 💵
6. W3 Schools - 🆓
7. Pluralsight - 💵
8. Lynda .com - 💵
9. The Odin Project - 🆓
10. Codewars - 🆓

#CodeNewbie
CODING

More from Webdev

Pratham
Pratham
@Prathkum
Five great icons websites for every web developer and designer ⏺️

A Thread 🧵👇🏻


1️⃣ Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

🖇️ https://t.co/inHse0QXBh


2️⃣ Icon Monstr

- Black and white themed minimal icons which looks super great. You can also cuatomize the thickness

🖇️ https://t.co/dbQrJi0IHf


3️⃣ Icon Icons

- Over one thousand free icons which you can download as icons or images

🖇️ https://t.co/h5NlH5fGGr


4️⃣ Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

🖇️ https://t.co/sqiZ6H9sR7
WEBDEV
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
Pratham
Pratham
@Prathkum
5 great gradient background sites for every web developer and designer 🎨

🧵👇🏻


1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

🔗 https://t.co/EainhiePop


2️⃣ Eggradient

- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends

🔗 https://t.co/F0uYVsZbA4


3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

🔗 https://t.co/MV8PT7q3Kz


4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

🔗 https://t.co/dlCExilHAT
WEBDEV , ALL
Pratham
Pratham
@Prathkum
Roadmap to learn CSS 🎨🛣️

➳ Color
➳ Background
➳ Box model
➳ Height and width
➳ Margin and padding
➳ Border
➳ Positioning
➳ display
➳ Layouts
➳ Grid and Flex
➳ Alignment
➳ Fonts
➳ Animation
➳ Pseudo-classes
➳ Media query
WEBDEV
Swastika Yadav \U0001f951
Swastika Yadav 🥑...
@swastika0015
JavaScript concepts you need to know before getting into React⬇️

💠Arrow Functions:
An arrow function expression is a compact alternative to a traditional function

💠Let/var/const variables:
Understand the difference between them, uses and their respective

💠Destructuring assignment:
Javascript expression that makes it possible to unpack values from arrays, or properties from objects, into a bunch of

💠 Template Literals:
With ES6, a newer form of string called template literal was given, which consists of two backticks `
WEBDEV

You May Also Like

Anu Satheesh \U0001f1ee\U0001f1f3
Anu Satheesh 🇮🇳...
@AnuSatheesh5
Thirumalai Murugan Kovil
#Panpoli
#TamilNaduTemples 🚩

Thirumalai Murugan Temple is located in Tenkasi district of Tamil Nadu. Muruga is worshipped as Thirumalai kumarasamy. Temple is situated near Kerala border and known to be where Shri Murugan gave darshan to Rishi Agasthiar


Devi is worshipped in the temple as Thirumalai Kaali amman

Sthala Puranam says that, there was a priest named Poovanbhattar of Thirumalai Kaali amman. Murugar appeared in a dream of the bhattar and said to find a Vigraham, lying in particular place which is of Thirumalaikumaran


Bhattar conveyed the news to the Pandalam Raja and they went to find out the vigraham. Surprisingly ants showed the way to find the Vigraham. Thus Murugan vigraham was found and Prathista was done here. There is a lake with pure water on the top of the hill


which is said to be created by Agasthiyar. It is believed that kannaki of
Chilapathikaram visited here before going to Kerala. Sapthamathrukkal also worshipped Murugan here. Kanthashashti Thiruvizha is very famous here.

Om Muruga
Muruganukku Harohara
🙏🕉🙏
ALL
ArmaniTalks \U0001f399\U0001f525
ArmaniTalks 🎙🔥...
@ArmaniTalks
Manipulation Sign:

If you are compromising too much, there is a chance that you are getting manipulated.

Why are you the one that's always compromising?

How come the other person always gets their way?

Be more curious.

If something seems off, stick up for yourself.

'Wait, you sure I am being manipulated?'

I have no clue, that is only something that you can decide for yourself.

'Dang is there anything I need to look out for?'

Plenty..

But let me give you a few things to look out for.

👇

I see manipulation as skillfully controlling someone's behavior for egotistical or unethical purposes.

'How come people don't leave when it's happening to them?'

Because most people have 0 clue that they are being manipulated.

1. Guilt Trip

You ever made a mistake around someone, only for them to hold it over your head?

The will always bring up the mistake when you 2 are not seeing eye to eye.

These people will use that mistake as leverage to get what they want from you in the future.

Look out.

2. The Rationalizer

This person will commit the worst acts & find a way to rationalize it.

Example: cheaters when they get caught.

They have every excuse in the book for why they did it.

Heck, they are so good at rationalizing, they will make it seem like your fault.
LIFE
Advertisement
f1talks.pl
f1talks.pl
@f1talks
Oleg Karpov pisze, że gdyby Siergiej Sirotkin zdobył w pierwszej części sezonu więcej punktów od Strolla, to jego kontrakt z automatu zostałby przedłużony na kolejny sezon. Tak się nie stało i Williams ma możliwość szukania innych opcji i to właśnie robi. #F1pl

Czego w artykule brakuje, to informacji, że SMP prawdopodobnie przekazało Williamsowi część środków na sfinansowanie sezonu 2019. W przypadku zakończenia współpracy ekipa z Grove będzie musiała zwrócić te środki. #F1pl

To tłumaczy wysokie kwoty jakich Williams ma oczekiwać za fotel od nowego kierowcy. Jest pewnie próg opłacalności i dopóki nie zostanie osiągnięty, to zmiana z finansowego punktu widzenia nie będzie się zwyczajnie opłacała. #F1pl

Tyle można znaleźć w oświadczeniach prasowych... 😂😂😂
SPORT
\u0936\u094d\u0930\u0940\u092e\u093e\u0932\u0940 \u0939\u093f\u0924\u0947\u0936 \u0905\u0935\u0938\u094d\u0925\u0940
श्रीमाली हितेश अवस्थी...
@HiteshAwasthi89
Bhu Varaha Swamy Temple

Bhu Varaha Swamy temple is a Hindu temple, located at Srimushnam, in the South Indian state of Tamil Nadu. Constructed in the Dravidian style of architecture...


the temple is dedicated to Varaha (Bhu Varaha Swamy), the boar-avatar of the god Vishnu and his consort Lakshmi as Ambujavalli Thayar.

The temple had contributions from Medieval Cholas of the 10th century with later expansions by Thanjavur Nayak king Achuthappa Nayak.


A granite wall surrounds the temple, enclosing all the shrines and the temple tanks. There is a seven-tieredrajagopuram, the temple’s gateway tower.

Six daily rituals and three yearly festivals are held at the temple, of which the Chariot festival....


celebrated during the Tamil month of Vaikasi (April–May), being the most prominent. The festival also symbolises Hindu-Muslim unity in the region – the flag of the chariot is provided by Muslims; they take offerings from the temple and present to Allah in the mosques.


Source & Pic credit : Anusri
ALL
Dr. Barry J. Cooke
Dr. Barry J. Cooke
@barryjcooke1
1. Let's talk about the effects of #climatechange on the world's forests, with a focus on the northwest of Canada. This is also about electoral #greenwash, and my duty as public servant and right as private Canadian citizen to speak freely about what I know.

2. Why am I compelled to speak? How am I free to speak? The answer is in the federal Values and Ethics Code of Coduct (VECC).


3. It can be career-limiting to criticize government policy when you work for government. Duty of Loyalty is very, very important. However, as VECC makes clear, it is not absolute. In fact SCoC has ruled twice in favour of citizen free speech as a higher ideal. In 1985 and 2001.

4. I am therefore perfectly comfortable showing you the scary things that are happening in the North under a warming climate. A failure to meet global GHG emissions targets is hurting Canada's forests in a way we used to think wouldn't happen for decades.

5. Warming temperatures and rising [CO2] could, in theory, help green the planet with more vigorous tree growth. But that's not what's happening. Don't believe the #greenwash. The positive effects are over and it is warm enough that we are now starting the into the negative.
ALL