DEV Community

# svg

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
Create your own React icons library and publish to NPM automatically

Create your own React icons library and publish to NPM automatically

19
Comments 6
6 min read
PURE CSS SVG ANIMATIONS

PURE CSS SVG ANIMATIONS

3
Comments
1 min read
Get hi-res twemoji SVGs by URL

Get hi-res twemoji SVGs by URL

5
Comments
1 min read
Animating SVGs

Animating SVGs

6
Comments
6 min read
A Typewriter, but with no HTML, CSS, or JS?!

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

98
Comments 12
2 min read
SVGs & Shapes!

SVGs & Shapes!

4
Comments
3 min read
Making a Canvas-based SVG designer app that exports DXF files for manufacturing

Making a Canvas-based SVG designer app that exports DXF files for manufacturing

12
Comments 1
6 min read
Exploring Color Math Through Color Blindness 2: Partial Deficiency

Exploring Color Math Through Color Blindness 2: Partial Deficiency

5
Comments
13 min read
How to made SVG favicon

How to made SVG favicon

2
Comments
1 min read
SVG Cleanup

SVG Cleanup

6
Comments 1
1 min read
How I Created These Generative Underline Pen Strokes

How I Created These Generative Underline Pen Strokes

9
Comments 1
2 min read
〈load-file〉Web Component, add external content to the DOM

〈load-file〉Web Component, add external content to the DOM

7
Comments 2
3 min read
How to: Use Angular Material’s Mat-Icon with local SVG Images?

How to: Use Angular Material’s Mat-Icon with local SVG Images?

6
Comments 1
6 min read
SVGs with MithrilJS and Webpack

SVGs with MithrilJS and Webpack

4
Comments
1 min read
svpug: Generate Pug mixins from SVG files

svpug: Generate Pug mixins from SVG files

8
Comments
3 min read
IE adds double XMLNS on SVG markup when converting to string

IE adds double XMLNS on SVG markup when converting to string

5
Comments
3 min read
Creating a wheel of fortune

Creating a wheel of fortune

3
Comments
4 min read
Make Icon Component

Make Icon Component

5
Comments
2 min read
Twinkle, twinkle Web Component star

Twinkle, twinkle Web Component star

8
Comments
2 min read
Simplest Way to Include Icons in Your Project: Using Unpkg

Simplest Way to Include Icons in Your Project: Using Unpkg

58
Comments 3
3 min read
The hitchhiker's guide to reusable Icons and SVG sprite generation

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

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

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

23
Comments 2
10 min read
SVG Circle Pattern Generator

SVG Circle Pattern Generator

9
Comments
2 min read
Essential SVG tools

Essential SVG tools

24
Comments 1
12 min read
The smallest SVG possible

The smallest SVG possible

9
Comments
5 min read
How to use Simple Icons on Laravel Blade

How to use Simple Icons on Laravel Blade

5
Comments
1 min read
React-Native SVG Example

React-Native SVG Example

4
Comments
5 min read
Isometric Floating Layers (SVG)

Isometric Floating Layers (SVG)

4
Comments
1 min read
Building a Simple Footer with SVG Icons

Building a Simple Footer with SVG Icons

7
Comments
9 min read
Responsive design with SVG & CSS

Responsive design with SVG & CSS

8
Comments
17 min read
React SVG Animation (with React Spring) #3

React SVG Animation (with React Spring) #3

32
Comments
9 min read
The Easiest Way to Animate a Loading Spinner

The Easiest Way to Animate a Loading Spinner

3
Comments
3 min read
Exp: Color Cloud CSS

Exp: Color Cloud CSS

2
Comments
1 min read
Managing SVG Icons in Your Angular App

Managing SVG Icons in Your Angular App

3
Comments 1
4 min read
A tool to convert SVG into React 17 / TypeScript components + Ion Icons

A tool to convert SVG into React 17 / TypeScript components + Ion Icons

7
Comments
2 min read
Create Loading Animations with SVG and CSS

Create Loading Animations with SVG and CSS

549
Comments 10
3 min read
How to Create Marker Highlight Effect in CSS?

How to Create Marker Highlight Effect in CSS?

52
Comments 11
2 min read
Making a Parallax SVG Landscape - new site part 1

Making a Parallax SVG Landscape - new site part 1

33
Comments 5
6 min read
Hiding and Showing in SVG with Clip-path and Mask

Hiding and Showing in SVG with Clip-path and Mask

12
Comments 1
5 min read
Using SVGs in Vuejs made simple

Using SVGs in Vuejs made simple

8
Comments
6 min read
Server Side Time Series Plots With Elixir Phoenix Using Contex

Server Side Time Series Plots With Elixir Phoenix Using Contex

6
Comments
9 min read
Controlling SVG Draw Order in D3

Controlling SVG Draw Order in D3

2
Comments
3 min read
Using SVG icons in your React developer portfolio project

Using SVG icons in your React developer portfolio project

60
Comments 5
12 min read
CodePen - Generative + Customisable SVG Social Images!

CodePen - Generative + Customisable SVG Social Images!

25
Comments 2
1 min read
Reusable SVG component in React

Reusable SVG component in React

5
Comments
3 min read
CodePen - 60 Gradient Morphing Blob

CodePen - 60 Gradient Morphing Blob

7
Comments
1 min read
5 Reasons to use SVG's in your next project

5 Reasons to use SVG's in your next project

9
Comments 7
2 min read
Exploring Color Math Through Color Blindness

Exploring Color Math Through Color Blindness

9
Comments 3
15 min read
Webpacker 6: Image Asset Guide

Webpacker 6: Image Asset Guide

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

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

49
Comments 15
1 min read
My Creative Coding 2020

My Creative Coding 2020

7
Comments 1
8 min read
Artworks for the DigitalOcean App Platform Hackathon

Artworks for the DigitalOcean App Platform Hackathon

17
Comments 2
2 min read
Customize SVGs in React

Customize SVGs in React

7
Comments 3
2 min read
Implementing Icons

Implementing Icons

11
Comments
14 min read
Importing SVGs to Next.js

Importing SVGs to Next.js

136
Comments 9
4 min read
Dynamically masking video using canvas and SVG

Dynamically masking video using canvas and SVG

7
Comments 1
37 min read
Generative SVG Christmas Tree Card 🎄

Generative SVG Christmas Tree Card 🎄

5
Comments
1 min read
Optimizing, Converting And Exporting SVG Icons In React

Optimizing, Converting And Exporting SVG Icons In React

11
Comments 1
6 min read
SVG Metaballs

SVG Metaballs

19
Comments 2
8 min read
SVG Highlighter Hover State (feTurbulence + clip) 🎨

SVG Highlighter Hover State (feTurbulence + clip) 🎨

9
Comments
1 min read
loading...