# svg

3 min read

Zoltán Szőgyényi for Themesberg

Apr 30 '20

10 open source SVG icon libraries that you can use for your next project

#opensource #icons #svg #webdev

194

17

7 min read

James Thomson

Apr 26 '19

Greatly Reduce PNG Weight With This One Trick

#webdev #svg #html #optimization

141

8

2 min read

Kevin Cunningham

Dec 14 '20

Importing SVGs to Next.js

#nextjs #svg

136

9

4 min read

Timothy Foster

Aug 29 '21

A Typewriter, but with no HTML, CSS, or JS?!

#codepen #svg #html

98

12

2 min read

Pushkar Anand

Jul 19 '20

Learning SVG animation to spice up my GitHub Profile

#svg #css #animation #github

90

7 min read

Pascal Thormeier

Nov 14 '21

Create beautiful rosette patterns with JavaScript 🖌️🌼

#javascript #svg #webdev #tutorial

80

8 min read

Joao L.

Sep 18 '19

Creating a 13KB JS Game using SVG

#js13k #javascript #svg #gamedev

76

8 min read

JS Bits Bill

Aug 7 '20

How SVGs can be dangerous 👿

#javascript #webdev #svg

75

3 min read

Mads Stoumann

Sep 6 '22

SVG, Geometry — and a dash of JavaScript

#showdev #svg #javascript #webdev

72

8

3 min read

Artem

Mar 9 '20

How I made SVG-logo for my site (spoiler: like a nerd, lol)

#logo #design #svg #css

71

4 min read

Amr Elmohamady

Nov 22 '20

How to get free SVG Icons for your projects?

#svg #css #html #ux

66

9

2 min read

Luca Faggianelli

Nov 25 '20

Interactive SVG + JS map

#svg #map #javascript

63

3 min read

Nasser Abachi

Jul 5 '20

How To Change SVG's Color in React.

#react #svg #color #change

62

13

3 min read

Ian Holden

Jan 24 '21

Using SVG icons in your React developer portfolio project

#svg #react #codenewbie

60

12 min read

David Wickes

Jul 16 '19

TDD an Analogue Clockface in Go

#go #tdd #svg #mathematics

59

38 min read

Murat Kemaldar

Oct 21 '19

The Basics – Using React (Hooks) with D3

#react #dthree #beginners #svg

58

4

1 min read

Shubham Jain

May 4 '21

Simplest Way to Include Icons in Your Project: Using Unpkg

#javascript #css #webdev #svg

58

3 min read

Sebastiano Guerriero for CodyHouse

Dec 18 '19

How to create decorative section dividers in CSS

#css #tutorial #svg #webdev

56

1 min read

Shubham Jain

Jan 31 '21

How to Create Marker Highlight Effect in CSS?

#css #svg #design

52

11

2 min read

Christina Gorton

Mar 10 '20

Challenge: Get started with GSAP 3

#challenge #svg #webdev #javascript

51

2 min read

Caroline Artz

Apr 12 '20

Bongo Cat Codes #2 - Jamming! JS vs. CSS for animations

#javascript #css #webdev #svg

51

1 min read

edA‑qa mort‑ora‑y

Jul 31 '20

I Wrote an Online Escape Game

#webdev #svg #game #programming

49

7

4 min read

Jake Counsell

Dec 22 '20

A continuously growing set of unique SVG icons. 💁‍♀️ Brutalist design, vanilla CSS, 200ms page loads.

#css #javascript #svg #html

49

15

1 min read

The Liquid Charcoal

Jun 18 '19

Pure HTML Animation - Animate SVG with <animate>

#html #css #svg #animation

48

7 min read

Mads Stoumann

Jul 24 '22

Masking and coloring product images using CSS and SVG

#css #svg #tutorial #webdev

47

3 min read

Taylor Hunt

May 10 '23

How to Succeed in Open Source Without Really Trying (Really)

#webdev #svg #javascript #npm

46

5 min read

11:05

Christina Gorton

Apr 30 '19

Getting started with GreenSock

#svg #webdev #beginners #learning

45

1 min read

Estee Tey

Nov 16 '21

Introduction to Scalable Vector Graphics (SVG)

#webdev #tutorial #svg #beginners

43

13 min read

Mads Stoumann

Jul 8 '22

Creating SVG Icons from JSON

#javascript #svg #design #webdev

37

3 min read

Abdelrahman Ismail

Nov 24 '19

Use SVG Icons with Vue.js

#vue #svg #icon #frontend

36

5 min read

Carl Saunders

Mar 5 '20

Import SVG Directly as a ReactComponent

#react #svg #webdev

35

2 min read

Dharmen Shah for ITNEXT

Aug 20 '20

Material Design Icons: Font vs SVG. And how to use SVG Sprites in Angular?

#angular #materialicon #gulp #svg

34

11 min read

Julien Assouline

Feb 26 '20

Getting started with React and D3

#react #d3 #javascript #svg

34

7 min read

Alistair Shepherd

Feb 1 '21

Making a Parallax SVG Landscape - new site part 1

#css #svg #javascript #animation

33

6 min read

Rahul Jain

Jul 4 '20

🚀List of awesome inspirations to get started with animations

#gsap #javascript #svg #10daysofanimation

33

2 min read

Tom Dohnal

Mar 1 '21

React SVG Animation (with React Spring) #3

#react #svg #animation #reactspring

32

9 min read

Tom Dohnal

Nov 21 '20

React SVG Animation (with React Spring) #1

#react #svg #animation #reactspring

31

6 min read

Stacie Taylor

Aug 12 '20

Getting Started with SVGs

#css #svg #javascript #webdev

31

3 min read

Luke Brown

Nov 9 '19

How does the SVG viewBox work?

#css #html #svg

31

6 min read

Chris Bongers

Oct 27 '20

CSS SVG star rating ⭐️

#css #svg #rating

30

3 min read

Ksenia Kondrashova

May 30 '23

Gradient Along SVG Path with GSAP

#tutorial #svg #gsap #javascript

27

6 min read

Ed Bentley

Apr 1 '20

Build your React charts without a library

#react #charts #webdev #svg

27

8 min read

George Francis

Jan 22 '21

CodePen - Generative + Customisable SVG Social Images!

#codepen #javascript #svg #webdev

25

1 min read

👨‍💻 Perttu Lähteenlahti

Jun 13 '20

Build a Clock Face with SVG in React Native

#reactnative #svg

25

9 min read

Utkarsh Verma

Jun 6 '22

Creating Gooey Tooltips for Range Sliders using SVG Filters ✨

#webdev #javascript #css #svg

25

4 min read

Andy Fitzsimon

Apr 15 '21

Essential SVG tools

#svg #performance #webdev #design

24

12 min read

Ilesanmi Temitope

Apr 20 '21

The hitchhiker's guide to reusable Icons and SVG sprite generation

#svg #sprites #icons #a11y

24

5 min read

Brian Neville-O'Neill

Feb 3 '20

How to use SVGs in React

#react #javascript #tutorial #svg

10 min read

Salazar

Jun 11 '20

Using inline SVGs with Rails

#rails #svg

1 min read

tornord

Apr 4 '20

How to create animated SVG using React

#javascript #svg #react #animation

3 min read

Danny Engelman

Apr 16 '21

What Web technologies are required to draw a Pie Chart in 2021? (spoiler alert: a standard Web Component will do) 🥧

#webcomponents #webdev #svg #javascript

10 min read

Ivan Pozderac

May 18 '22

Optimising SVG icons for your web apps and websites

#svg #optimization #webdev #icon

22

20 min read

George Tudor

Oct 24 '22

Dealing with SVG icons in Vue + Vite

#vite #vue #svg #javascript

21

7

4 min read

04:25

Christina Gorton

May 1 '19

Have fun with GreenSock's Draggable and Hello Kitty🎀

#svg #webdev #beginners #tutorial

21

1 min read

Mads Stoumann

Jun 23 '22

Re-creating Apple’s Dark Mode Icon

#svg #design #css #javascript

20

2 min read

Alvaro Saburido

May 18 '20

The Magic of SVG Clip-path

#svg #css #webdev #tutorial

20

7 min read

Quan Pham

Sep 16 '21

Create your own React icons library and publish to NPM automatically

#react #svg #icons #npm

19